How can I hide thumbnails on a product page in Debut theme?

Store Design
1

Hey I want to remove thumbnails from product page , I tried this code .product__thumbs {display: none !important; visibility: hidden;} in the bottom of theme.csslequid but it didn’t work .

1 Like
2

Please share your store URL

3

Hello @richypet

It’s GemPages support team and glad to support you today.

Please try again with css code:

#product-template__container [data-thumbnail-slider] {
    display: none;
}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

4

@richypet

oh sorry for that issue can you please share store url so i will check and let you know

5

Hello there,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
.thumbnails-wrapper {
display: none!important;
}
6

richypet.con

7

It didn’t work any suggestions ?

8

https://richypet.com/

9

I tried this and it didn’t work either do you have any suggestions ?

10

Screenshot_326.png
Screenshot_326.png1186×608 257 KB

I have checked on your product page that you have all product images showing but not thumbnail image. Which image do you want to remove exactly? Can you share a screenshot please?