Removing Product Thumbnails From Product Page - Debut Theme

Highlighted
Tourist
4 0 1

Hello, 

 

Hoping someone can lend a hand with this. I've read through some similar posts and have seen some suggestions about adding a line of code at the bottom of Assets - theme.scss.liquid However, I've been unable to make it work. It generates an error. 

 

Basically I have multiple variations of the same product. I only want the main product image to show on the product page rather than all the variation thumbnails, and then have the main image change when the customer changes the product option in the color/style section. 

 

Thank you for your time. I appreciate it. 

 

KL

0 Likes
Highlighted
Shopify Partner
77 7 7

hi khaosLion,

add this code to "theme.scss" should solve your issue

.thumbnails-wrapper {
 display:none;
}
If my solution help you : Like and Accept Solution.Need help, hire me : https://5euros.com/profil/fchr

Ma réponse a-t-elle été utile : Cliquez sur J’aime pour me le faire savoir !

J'ai répondu à votre question ? : Marquez-la comme Accepter comme solution

Besoin d'aide, engagez-moi : https://5euros.com/profil/fchr
0 Likes
Highlighted
Tourist
4 0 1

Thanks Gary. Appreciate it. 

Highlighted
New Member
2 0 0

Hey everyone,

I've been trying to solve this for a while now for the Atlantic theme. The following line did NOT work.

.thumbnails-wrapper {
 display:none;
}

Instead, by trying out different things randomly, I found that the following worked. (I have no experience, it was a pure guess lol)

.product-gallery--media-thumbnail {
display:none;
}

I pasted it onto line 13851 in theme.css.liquid under Assets.

Hopefully this can save someone some of the time I spend.

0 Likes