Hiding variant thumbnails and only showing product image - Sense

Solved

Hiding variant thumbnails and only showing product image - Sense

CraftySausage
Tourist
7 0 1

Hi all,

 

I wonder if anyone can help, as I've spent way too long trying to solve this via Google and I seem to be getting nowhere.

 

I want to upload multiple variants for my customers to select, but only have one main product image, then the actual variant image to only appear when selected (https://www.craftysausage.co.uk/products/hms-vanguard). I hope this makes sense.

 

Is there anyone able to offer any help / code to add, as I can't seem to just have 2 main images, then the variant images only appear when selected.

 

Any help would be greatly appreciated.

Accepted Solution (1)

sakinur-rahman
Shopify Partner
139 17 22

This is an accepted solution.

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

 

<style>

.product__media-item + .product__media-item {
display: none !important;
}

</style>

 

If I managed to help you then, don't forget to Like it and Mark it as Solution! Also, you may help me to buy a coffee.

 

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications -

Your Coffee Tip and my code, A perfect blend. ❤️ Buy Me A Coffee


Website: HelloSakin.com

View solution in original post

Replies 5 (5)

sakinur-rahman
Shopify Partner
139 17 22

This is an accepted solution.

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

 

<style>

.product__media-item + .product__media-item {
display: none !important;
}

</style>

 

If I managed to help you then, don't forget to Like it and Mark it as Solution! Also, you may help me to buy a coffee.

 

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications -

Your Coffee Tip and my code, A perfect blend. ❤️ Buy Me A Coffee


Website: HelloSakin.com
CraftySausage
Tourist
7 0 1

Thank you so much! I really appreciate it, this is exactly how I wanted it!

CraftySausage
Tourist
7 0 1

I really appreciate your help, however a customer has reported this morning that on all of my other products, only 1 image can be seen, despite saying 1 of 2 photos.

 

Example: 

https://www.craftysausage.co.uk/products/highland-coo-set-of-4-engraved-bamboo-wood-coasters - this item has 2 photos, but you can only see the second when clicking on it.

 

Is there any way of making both images visible on the main product page, whilst still hiding variant thumbnails?

 

I hope this makes sense

tomjeli
Tourist
3 0 1

I am having same issue! I need help please.

tomjeli
Tourist
3 0 1

I am having the same issue I need help please