Minimal theme - size of product thumbnails

Solved
Splendido
Tourist
5 0 1

Hello there,

is there an easy way to change the size of the thumbnails on product pages? 
I'm talking about the small square thumbnails directly under the actual product picture.

My shop: http://splendido-magazin.myshopify.com

Thank you 

0 Likes

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > timber.scss.liquid and paste this at the bottom of the file:

.product-single__thumbnails .grid__item{
transform: scale(1.2);
margin-right: 30px;
}



You can change the 1.2 and 30px to any value you want. 

Please let me know whether it works.

Kind regards,
Diego

 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Using a free theme? Improve it with copy/paste code snippets clicking here.
◦ Looking to hire an experienced developer? Same day response: ezfycode@gmail.com.
0 Likes
Splendido
Tourist
5 0 1

Hi there,


thank you very much. It works great for setting the size of the thumbnails, the spaces between the images are way to big though. Although I already set the margin to 0px.
Is there a way to get rid of this space? 

And did someone manage to keep all thumbs in one scrollable row rather than having to rows?

 

Thanks again

 

0 Likes

This is an accepted solution.

@Splendido 

You can set a negative value, like -30px

Regarding one scrollable row 

It would require Liquid/CSS/Javascript knowledge to implement this feature, I'm afraid that unfortunately there is no simple copy-paste solution otherwise I'd happily guide you through.

You  may want to hire a Shopify developer to assist you with this.

Wishing you a great day!

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Using a free theme? Improve it with copy/paste code snippets clicking here.
◦ Looking to hire an experienced developer? Same day response: ezfycode@gmail.com.
0 Likes
marujajewelry
New Member
1 0 0

Hello! I am trying to do the same thing. I am trying to make my Best Seller to have the same size as the New arrivals in the bottom. 

Do you know how can I do that?

0 Likes