Solved

Hide size and color from collection page

PeleV
New Member
7 0 0

Hello, can anyone help me in removing the size and color swatches from the collection page, but still keep them on the product page?

https://knockout-fightgear.com/ is my website, thank you very much and have a wonderful day!

Accepted Solution (1)

oscprofessional
Shopify Partner
15830 2369 3072

This is an accepted solution.

.product-options.product-options--type-collection.js-product-options {
    display: none;
}


Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 2 (2)

oscprofessional
Shopify Partner
15830 2369 3072

This is an accepted solution.

.product-options.product-options--type-collection.js-product-options {
    display: none;
}


Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
OptegoVision
Excursionist
21 0 17

I don't have a theme.scss.liquid file or a theme.css file.  After hours of searching I finally found the collection.json file, and changed the code "product_swatches": true, to "product_swatches": fasle, and this removed it from my collection page and not the product page.  Hope this may help anyone who is also struggling with this.