How to hide variants in shopify Supply Theme

Solved
Tourist
8 0 0

My question is, can someone please help me with the code that will hide my variants in my store front end but still working in the back end? Attached is a screen shot where you can see the variants that I wanted to hide. Anyone can help please?Hide Variants.jpg

0 Likes

Success.

Hello 

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

.selector-wrapper {
    display: none;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Tourist
8 0 0

That really works thank you very much but still variant titles are visible can you please share how to hide these variant titles? Please check the attached screenshot. Hide Variants 2.jpg

0 Likes

Please share your site url so that i can give exact solution.

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
8 0 0

Here is my store website url https://www.hawaiiansouthshore.com/

0 Likes

Success.

Hello 

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

.selector-wrapper {
    display: none!important;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Tourist
8 0 0

Thank you very much!!! it really works Variants and Title is Hidden but its function is still working at the back end... Your guidance and advice is Highly Appreciated.

 

Hide Variants 3.jpg 

 

Hide Variants 4.jpg

0 Likes
Tourist
8 0 0

Hello there is one more problem I have I need to hide the variants in my checkout page is it possible to hide it in the codes? Please help Thanks.. here is the url https://www.hawaiiansouthshore.com/cart

 

Your Shopping Cart – HawaiianSouthShore.jpg

0 Likes

Hello 

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

.grid-item.two-thirds.large--three-quarters small {
    display: none;
}

This will hide variants from checkout page.

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes

Hello 

If we hide variants they will take first variant or default variant.
If you don't want variants then remove variants from backend.

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes