Solved

How can I remove color swatches from my homepage and collection page?

Hadargiladi
Tourist
13 0 3

Hello everyone!
I want to remove my swatches/ tabs of colors from my home page and from the collection page. I want it will be just on the product page as now. 
I will be happy to get help, this is the URL:
https://www.vibes12.com/ 

Accepted Solution (1)

Shop_Lovers
Shopify Partner
281 46 72

This is an accepted solution.

Hi,

 

Add Below CSS in styles.css file

 

.index .shopify-product-form{
display:none;
}

.collection .shopify-product-form{
display:none;
}

 

 

Thanks

 

Hit Like and Accept as Solution

View solution in original post

Replies 4 (4)

Shop_Lovers
Shopify Partner
281 46 72

This is an accepted solution.

Hi,

 

Add Below CSS in styles.css file

 

.index .shopify-product-form{
display:none;
}

.collection .shopify-product-form{
display:none;
}

 

 

Thanks

 

Hit Like and Accept as Solution

Hadargiladi
Tourist
13 0 3

Thank you so much!! 
It works now!

SpeedyDev
Trailblazer
199 17 39

@Hadargiladi 

 

{% if template == "index" %}
<style>
.slider-gallery.products-slider.products-length-6.transparentBackground--false.flickity-enabled.is-draggable.slider-initialized select {
    display: none !important;
}
</style>
{% endif %}

 

Add this code in the bottom of theme.liquid file

1. Navigate to Online Store->Theme->Edit code
2. Asset->/theme.liquid->paste below code at the bottom of the file.
3. Save it.

banned

MariannaAtPlay
Shopify Partner
1 0 0

Was looking for the solution as well, and was able to find the setting (at least available in the Prestige theme) that doesn't require custom coding:

It's in the Theme Customizer, under the Collection Page template -> Theme Settings -> Color Display Mode -> Hide

 

Leaving this here for future visitors 🙂