Return to previous page

Related Products slider sizing completely off

This topic has 9 replies, 2 voices, and was last updated 8 years, 1 months ago ago by Jack Richardson

Roberts

Participant

December 23, 2016 at 17:48

Hello, please take a look at “Related Products slider” product width, it’s completely off.
I think it’s set up for use with Legenda “original” Product Images size and 3 Products per row. I have set Product Images size 147×147 and 5 Products per row. It looks like it’s not responsive to any size and should be set somewhere?

http://www.taktika.lv/store/product/playlife-ice-calgary/

#150065 Copied Theme version: 3.0.3 WooCommerce version: 2.6.9

8 Answers

Jack Richardson

Support staff

December 23, 2016 at 20:29

Hello,

As I see related products slider is shown fine:
http://prntscr.com/dn66ny
Please show a screenshot of the issue for better understanding.

Thank you.
Best regards,
Jack Richardson.

#150077 Copied

Roberts

Participant

December 24, 2016 at 10:13

Here is the screenshot of my page (Mozilla browser) -> https://failiem.lv/down.php?i=6tsp77cb&view
1. As you can see it’s “stretching” products regarding product name not actual product width that is set up in Legenda/Woocommerce options
2. It’s displaying only 4 products! I have set up 5 products to be displayed via theme options.

You can see screenshot of Legenda demo site -> https://failiem.lv/down.php?i=nrrp2mme&view
I think that is not coincidence that width of all images are fixed 163px and there are 4 products displayed at once

Fix, fix, fix please and thank you in advance

#150097 Copied

Roberts

Participant

December 26, 2016 at 10:14

The same problem is when viewed with Google Chrome browser not only Mozilla 😉

#150151 Copied
Jack Richardson

Support staff

December 27, 2016 at 16:23
Hello,

Please add this css code:

@media (min-width: 1200px) {.single-product .items-slider .slider .slide-item { width: 293px; }}

Best regards,
Jack Richardson.
#150314 Copied
Roberts

Participant

December 27, 2016 at 16:43

Thanks, code made them all the same width, but I’d rather see more products displayed as my product image size is set twice as small as Legenda demo site. Any chance it can be changed?

#150323 Copied

Jack Richardson

Support staff

December 27, 2016 at 17:49

Hello,

To display 5 related products you need edit the file wp-content/themes/legenda/framework/theme-functions.php in lines 2604 and 2660, find this piece of code [1200, 4] and replace “4” with “5”.

Best regards,
Jack Richardson.

#150342 Copied

Roberts

Participant

December 27, 2016 at 18:04

Thanks a lot! I advise to include this in next update so it’s not manual job, but related to product size which is set in theme options

#150345 Copied

Jack Richardson

Support staff

December 27, 2016 at 19:35

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#150355 Copied
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Related Products slider sizing completely off’' has been successfully resolved, and the topic is now closed for further responses

Related Products slider sizing completely off

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection