Solved

Hide a color varient drop down on product pages

saltandripple
New Member
13 0 0

Hi there, 

im wanting to hide the colour varient option on all product pages but leave other varients visable.

is this able to be done with CSS code?

im using the shapes theme

Accepted Solution (1)
PageFly-Richard
Shopify Partner
4079 913 1567

This is an accepted solution.

My bad, i sent the wrong code, this is the new one

<style>
select[name="options[HARDWARE]"] {
display: none !important;
}
</style>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 17 (17)

sahilsharma9515
Shopify Partner
602 67 98

Hi @saltandripple 

 

Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for you.

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


saltandripple
New Member
13 0 0

Hi Sahil, 

https://lolliwraps.com.au/products/new-iconic-zoe-leg-harness

this is the url you will be able to see that i want to hide the "candy pink" varient option

saltandripple
New Member
13 0 0

Hi sahil, 

lolli-wraps.myshopify.com

Moeed
Shopify Partner
3583 902 1123

Hey @saltandripple 

 

Can you tell me what variant you would like to hide and also share your Store URL as well

 

Best Regards,

Moeed

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. ❤️
saltandripple
New Member
13 0 0

Hi Moeed,

https://lolliwraps.com.au/products/new-iconic-zoe-leg-harness

this is the url you will be able to see that i want to hide the "candy pink" varient option
but it will be hiding the colour varient on all products

saltandripple
New Member
13 0 0

lolli-wraps.myshopify.com

PageFly-Richard
Shopify Partner
4079 913 1567

Hi @saltandripple 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
fieldset.product-variant-picker-block {
display: none !important;
}
</style>

PageFlyRichard_0-1700637585385.png

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

saltandripple
New Member
13 0 0

Thank you Richard

i dont want to hide all product varients just the colour otpion - is this what the code will do?

PageFly-Richard
Shopify Partner
4079 913 1567

@saltandripple Correct, just hide the color ( the dropdown ) option

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

saltandripple
New Member
13 0 0

I put the code in and it hid all varients unfortunatly 

 

you can see via this link - i want to hide varients that just have 1 option (colour)

https://lolliwraps.com.au/products/new-iconic-zoe-leg-harness

PageFly-Richard
Shopify Partner
4079 913 1567

Got you, i thought the option you want to keep is those color image

 

You can replace the code above with this one 

<style>
fieldset.product-variant-picker-block[name="options[HARDWARE]"] {
display: none !important;
}
</style>

PageFlyRichard_0-1700638493072.png

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

saltandripple
New Member
13 0 0

hey richard

i put in the code and it didnt work with hardware or colour as the option....very strange

 

Screenshot 2023-11-22 at 6.41.12 pm.png

PageFly-Richard
Shopify Partner
4079 913 1567

This is an accepted solution.

My bad, i sent the wrong code, this is the new one

<style>
select[name="options[HARDWARE]"] {
display: none !important;
}
</style>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

saltandripple
New Member
13 0 0

Thank you so much richard!!! you're the best! i've been racking my brain for days!!!!

PageFly-Richard
Shopify Partner
4079 913 1567

Glad that its work.
Let me know if you have other questions

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

saltandripple
New Member
13 0 0

Hi Richard, 

Just wondering if you could help with these 2 buttons on the hero slideshow and a slideshow enquiry - SHAPES theme

 

- the arrows i need to be moved up from the wave 

- and the shop now button to be bigger in size.

Also not sure if possible but a code to make the slideshow hero automatically slide (it doesnt have the option)

Thank you so much if you can help

 

saltandripple
New Member
13 0 0

Screenshot 2023-12-08 at 6.02.27 pm.png

**Moderator Edit**