Return to previous page

Related Products slider sizing completely off

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

  • Avatar: Roberts
    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
    Avatar: Jack Richardson
    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
    Avatar: Roberts
    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
    Avatar: Roberts
    Roberts
    Participant
    December 26, 2016 at 10:14

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

    #150151 Copied
    Avatar: Jack Richardson
    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
    Avatar: Roberts
    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
    Avatar: Jack Richardson
    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
    Avatar: Roberts
    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
    Avatar: Jack Richardson
    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

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Artmaxy Store – WordPress WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Animals Store – WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Organic Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.