TASTE THEME: Hide product image thumbnails

Topic summary

A store owner using the Taste theme wants to remove product image thumbnails from their product pages, finding them visually unappealing.

Solutions Provided:

Two community members offered CSS-based solutions:

  • PageFly-Oliver’s approach: Add custom CSS code via the theme.liquid file (Online Store → Theme → Edit code → theme.liquid → paste code at bottom)

  • niraj_patel’s approach: Modify the base.css file directly with CSS targeting .product.slider-component.thumbnail-slider using display: none !important

Both solutions involve editing theme files and adding CSS to hide the thumbnail elements. The original poster also mentioned difficulty locating the product section, though this secondary issue wasn’t directly addressed.

Status: Multiple solutions provided; awaiting confirmation from the original poster on which approach worked.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.

Hey, I am currently building my store and I have one problem, the product image thumbnails are showing and I think it looks horrible. Does anyone have the knowledge to remove this? Thanks!

LINK:https://e8aaa0-3.myshopify.com/products/body-cleanser?pr_prod_strat=e5_desc&pr_rec_id=468c5fa7c&pr_rec_pid=7327814713481&pr_ref_pid=7291706048649&pr_seq=uniform&variant=41569514881161

PASSWORD: mohwhi

THEME: TASTE

Hey, I cannot find the product section nd the product list section?

Hi @PRETTYFRIDAYS ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save


Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

hello @PRETTYFRIDAYS

You can add code by following these steps to hide the thumbnails

  1. Go to Online Store → Theme → Edit code.
  2. Open base.css file and paste below code
    .product slider-component.thumbnail-slider {
    display: none !important;
    }
1 Like