Re: Hide Variant Images [Debutify Theme]

Solved

How can I hide variant images on Debutify theme?

checkoutfirst
Excursionist
37 0 22

Hello, I'd like to hide all of the variant images from all products on my Shopify store.
Can someone please provide the code for this?
So only the 1st (primary) image is what shows on the product pages. (the rest should be hidden)

My website is at www.checkoutfirst.com

Thanks

Accepted Solution (1)

KetanKumar
Shopify Partner
37037 3644 12019

This is an accepted solution.

@checkoutfirst 

oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-single__thumbnails .grid__item {
    display: none;
}

.product-single__thumbnails .grid__item:first-child {
    d: block;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 3 (3)

KetanKumar
Shopify Partner
37037 3644 12019

This is an accepted solution.

@checkoutfirst 

oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-single__thumbnails .grid__item {
    display: none;
}

.product-single__thumbnails .grid__item:first-child {
    d: block;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ThermalCoat
Visitor
1 0 0

Hey yeah, I need help with this as well, I tried that code and it hides the bottom thumbnails, I don't need that, I want it to hide all of the pictures there are selected by variants and have the images that arent being displayed by the variant appear. I would also like to keep the bottom thumbnails.

jeanddd
Visitor
1 0 0

Did u find a solution