Home › Forums › WoodMart support forum › Arrow scroll down issue on thumbnail column (position: vertical left)

Arrow scroll down issue on thumbnail column (position: vertical left)

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 5, 2022 at 12:20 pm #388733

    Terry
    Participant

    The image layout on single product page was set to Thumbnail- Left (vertical position), if you click on the down arrow in the thumbnail column, you can’t scroll the image to the last one, it usually stop in the 15th-20th image. You have to click on the image to trigger the popup window so that you can view all product images.

    Test it with the produts that have 25+ images.

    Attachments:
    You must be logged in to view attached files.
    July 5, 2022 at 12:34 pm #388741

    Luke Nielsen
    Keymaster

    Hello,

    The thing is that you have thumbnails of different sizes so such an issue appears. With the help of the below code, you can make each thumbnail of equal sizes. Please, enter it into the “Global Custom CSS” area that is situated in Theme Settings -> Custom CSS.

    .slick-slider {
height: 591px !important;
}
.slick-list {
height: calc(100% - 30px)!important;
}

.slick-track {
height: 100% !important;
}

.slick-vertical .slick-slide {
height: 33.333%!important;
}

.slick-vertical .slick-slide img {
height: calc(100% - 10px)!important;
object-fit: cover!important;
}

    In the next update, we will add a special option in Theme Settings for that.

    Kind Regards

    • This reply was modified 3 years, 1 month ago by Luke Nielsen.
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)