Thumbnail alignment like this.

Store Design
, , ,
1

Hi I want to make my thumbnail alignment like this website. https://www.rabiazahur.com/dusky-rose-elegance
my store : https://store1.ecomsmartify.shop/products/lahu

Password: 4

Screenshot 2025-01-21 133851.png
Screenshot 2025-01-21 133851.png824Ă—436 240 KB

2

@Unknowndev234 Please follow the below steps:

Go to Online Store, then Theme, and select Edit Code.

Search for base.css/theme.css/style.css file Add the provided code at the end of the file.

@media (min-width: 1024px) {
.product–thumbnail_slider .thumbnail-slider {
width: 300px;
padding-right: 10px;
}

.product–thumbnail_slider .thumbnail-slider .thumbnail-list.slider–tablet-up .thumbnail-list__item.slider__slide {
width: calc(33% - 0px);
margin-bottom: 5px;
display: inline-block;
padding: 4px;
margin-bottom: 0;
}

.product–thumbnail_slider .thumbnail-slider .thumbnail-list.slider–tablet-up .thumbnail-list__item.slider__slide button.thumbnail.global-media-settings img {
width: 100%;
}

.product–thumbnail_slider .thumbnail-slider .thumbnail-list.slider–tablet-up .thumbnail-list__item.slider__slide button.thumbnail.global-media-settings {
left: 0;
margin-bottom: 0;
}

}

Webcreto || Shopify Partner

WhatsApp: +91 9125530390

For additional discussions, reach out via: Email ID: webcreto@gmail.com