Return to previous page

Equal height for portrait and landscape images in the product gallery slider

This topic has 12 replies, 3 voices, and was last updated 4 years, 5 months ago ago by Olga Barlow

  • Avatar: buscape
    buscape
    Participant
    December 8, 2020 at 20:12

    Hello,
    is it possible to change this
    https://prnt.sc/vyhw9j
    to approx. this:
    https://prnt.sc/vyhx9k

    #263163 Copied Theme version: 7.2 WooCommerce version: 5.3.1
    11 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    December 9, 2020 at 13:15

    Hello,

    You can try to implement this by custom CSS. Could you, please, provide us with a link to that product? We’ll send you the custom code.

    Regards

    #263250 Copied
    Avatar: buscape
    buscape
    Participant
    December 9, 2020 at 17:56

    Here it is:

    Please contact administrator
    for this information.
    #263320 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 10, 2020 at 10:04

    Hello,

    As I can see, you have changed the position of the gallery – https://prnt.sc/vzllp2 Do you need any assistance from our side?

    Regards

    #263401 Copied
    Avatar: buscape
    buscape
    Participant
    December 14, 2020 at 20:09

    Yes, please. I had to reinstall the theme.
    I chosen horizontal position of thumbnails.

    Please contact administrator
    for this information.
    #264009 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    December 15, 2020 at 10:21

    Hello,

    Add the below code to Theme Options > Custom CSS

    .single-product .swipers-couple-wrapper.woocommerce-product-gallery .swiper-wrapper img {
    max-height: 500px;
    width: auto;
}

    Regards

    #264081 Copied
    Avatar: buscape
    buscape
    Participant
    December 15, 2020 at 15:43

    Very useful, thank you!
    But is it possible for images under 500px height to have white space above and below so they in fact will have fixed 500px height. In this way the thumbnails won’t move up and down?

    Please contact administrator
    for this information.
    #264133 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    December 15, 2020 at 19:41

    Hello,

    Go to Theme Options > WooCommerce > Single product > Product Gallery Slider Auto-Height > Off http://prntscr.com/w3eisv

    Regards

    #264192 Copied
    Avatar: buscape
    buscape
    Participant
    December 17, 2020 at 08:12

    It was already set:
    https://prnt.sc/w4hbpg
    Doesn’t work!

    #264427 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    December 17, 2020 at 15:21

    Hello,

    Did you read my message attentively and checked the screenshot? You need to disable that option if you want to have white space below the landscape images https://prnt.sc/w3eisv

    Regards

    #264566 Copied
    Avatar: buscape
    buscape
    Participant
    December 18, 2020 at 18:20

    Sorry, my mistake!
    It works, but only if I disable Single Product Builder.
    Is there such an option when Single Product Builder is activated?

    #264872 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    December 18, 2020 at 21:49

    Hello,

    Unfortunately, we don’t have such option for the single product builder gallery.

    Regards

    #264890 Copied
  • Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘Equal height for portrait and landscape images in the product gallery slider’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Bakery Store – WordPress WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Ecotransport 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.