Empty area between the big picture and the gallery of thumbnail

This topic has 6 replies, 3 voices, and was last updated 6 years, 8 months ago ago by Olga Barlow

  • Avatar: mahom
    mahom
    Participant
    April 25, 2018 at 14:03

    Hello. At Single Product Page creates empty area between the large image and the gallery of thumbnails. Because in the gallery there are images with a vertical orientation and they have a large height. How to fix it?

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 25, 2018 at 14:35

    Hello,

    Please provide us with temporary wp-admin access so we can take a closer look.

    Regards

    Avatar: mahom
    mahom
    Participant
    April 25, 2018 at 14:52

    See

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 25, 2018 at 15:13

    Hello,

    Please enable “Slider images autoheight” in Theme Options > E-commerce > Single Product Page.

    Regards

    Avatar: mahom
    mahom
    Participant
    April 25, 2018 at 15:26

    Then the arrows to the right and left on the large image begin to jump along with the image. This is not good. It may be possible, for example, to center the image vertically with the help of the CSS.

    Or another option. Your template adds the size of the image shop_catalog_alt (600×600). Here the use of these images would be ideal.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 25, 2018 at 15:47

    Hello,

    Add the following code in child theme style.css

    .product-images .swiper-wrapper {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

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