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

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.

[Luke Nielsen]

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 2 years, 5 months ago by Luke Nielsen.

[Author]

Posts