remove bundle variants

Solved

remove bundle variants

noamdaniel
Tourist
9 0 4

i want to make a bundle but the customer has only the first option and not the second. for example, he can only order amethyst with amethyst and he will choose color only once
https://mythicaura.com/products/amethyst-crystal-hearts-harmony-necklace-set?variant=42026226843734

Accepted Solution (1)
websensepro
Shopify Partner
1839 213 259

This is an accepted solution.

Hi @noamdaniel  This code will work only on this product

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

section#MainProduct-template--15517150412886__main fieldset.js.product-form__input.product-form__input--pill:nth-child(2) {
    display: none !important;
}

Result:

websensepro_0-1736511873920.png

 

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
6591 1784 2166

Hey @noamdaniel 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
fieldset.js.product-form__input.product-form__input--pill:nth-child(2) {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1736431018998.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


noamdaniel
Tourist
9 0 4

that works the problem is that i want it only on this product and not on all of the store

websensepro
Shopify Partner
1839 213 259

This is an accepted solution.

Hi @noamdaniel  This code will work only on this product

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

section#MainProduct-template--15517150412886__main fieldset.js.product-form__input.product-form__input--pill:nth-child(2) {
    display: none !important;
}

Result:

websensepro_0-1736511873920.png

 

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

websensepro
Shopify Partner
1839 213 259

Hi @noamdaniel 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

fieldset.js.product-form__input.product-form__input--pill:nth-child(2) {
    display: none;
}

Result:

websensepro_0-1736434012481.png

 

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP