How to hide variant thumbnails in Focal theme?

Store Design
1

Hi there,

We were previously using Dawn theme which hid variant product thumbnails from our product page unless they were selected as a variant.

We have switched to Focal theme which unfortunately doesn’t seem to offer the same functionality. Please could someone point me in the direction of where we need to look to ignore product variant images - and only slow them in a single gallery spot when a variant is selected?

Thanks a lot!

1 Like
2

@mtrunkelite

.product__thumbnail {
    display: none !important;
}

Add this code in the bottom of theme.css or theme.scss file.

Thank you.

3

Hi there thanks for the reply. I have tried but code but unfortunately it seems to be code that removes ALL thumbnails.

To clarify, we are looking to edit so that featured thumbnails are still shown, but variant thumbnails (ones attached to a product) aren’t shown by default on the product page (but all others are).

The variant image would only be shown when the variant is selected - I believe this is default behaviour in Dawn theme?

Thanks a lot

1 Like
4

@mtrunkelite this is customization work ,
for that you need to hire a developer to achieve this feature into your theme.

or you can contact to the focal theme support team and tell them to add this features into your theme.

thank you.

1 Like
5

Hello @mtrunkelite

please share your URL and I will check possibilities for you by css

1 Like
6

Hi Niraj thanks for the reply. Sure here you go! https://2zre7o62qjkxyr0w-49557242023.shopifypreview.com

7

I have found you can do this by adding alt tags to your images in the following format #color_xxxx. For example, for all black fabric images I would add #color_black to each image alt tag. For Light Blue it would be #color_light blue. Hope that helps.