Change Thumbnail Image Size

Change Thumbnail Image Size

JoeyRoo
Explorer
85 1 13

Looking for a way to adjust the thumbnail image sizes on the left. Also is there a way to only show the images of the color variant selected and not all the images?

 

https://theothelabel.com/products/echo-side-button-boyfriend-stripe-shirt?variant=49947554316576

Replies 2 (2)

Asad-Mahmood
Shopify Partner
452 80 91

Go to your online store -> edit code -> product-thumbnails.css and paste this code there in the end of file

.product-image-container.product-image-container--thumbnails .product-thumbnail-container .product-thumbnail {
    width: 80px !important;
}

 
Adjust the pixels as per need

If my solution has been helpful, you can consider supporting me via Buy Me a Coffee.
Hire me: asadmahmood8470@gmail.com
WhatsApp
Fiver




JoeyRoo
Explorer
85 1 13

This works when adjusting the size, but then the images get hidden underneath the main image. See image attached as exampleScreenshot 2025-05-29 at 9.14.27 PM.png