Variant split

Shubhamgopal
Tourist
7 0 3
 

Hello, can anyone help me. I want to split variant dropdown menu into seperate button. I am trying to do this since 4 days still not done. Can anyone tell me how we can split drop down into buttons. 

 

This is the drop down menu which I have now

 

Screenshot_2021-09-26-01-43-04-502_com.android.chrome.jpg

I want to separate all option in form of button

Replies 10 (10)
PaulNewton
Shopify Partner
3453 215 644

Did you check your theme settings for this feature? What theme are you using? What have you tried? What is your store url and storefront password if applicable? etc etc

 

How to solve this varies wildly by theme and context.

 

If you need to buy this customization contact me at paull.newton+shopifyforums@gmail.com with relevant detail

Problem Solved? I'm powered by coffee Paypal coffee to Paul ☕ , or donate to eff.org

✔️Accept and Like solutions to help other merchants

Busy or Confused? Buy custom solutions to get it done paull.newton+shopifyforum@gmail.com
Shubhamgopal
Tourist
7 0 3

Hi Paul

Thank you for your message this is my store url https://www.spicemode.co

Store is live you can check. 

Theme turbo

Also this is the reference store button https://bachans.com/products/hot-spicy-japanese-barbecue-sauce?variant=40034098708660

Please check the product page

Thank you

PaulNewton
Shopify Partner
3453 215 644

If this is not currently a feature in your theme settings, you can try and use the swatch feature of your theme https://help.outofthesandbox.com/hc/en-us/articles/115006911447-Enable-Color-Swatches-for-Product-Va... 

 

Otherwise you have to customize the theme.

Problem Solved? I'm powered by coffee Paypal coffee to Paul ☕ , or donate to eff.org

✔️Accept and Like solutions to help other merchants

Busy or Confused? Buy custom solutions to get it done paull.newton+shopifyforum@gmail.com
Albarkhan
Tourist
11 0 2

@PaulNewton wrote:

If this is not currently a feature in your theme settings, you can try and use the swatch feature of your theme https://help.outofthesandbox.com/hc/en-us/articles/115006911447-Enable-Color-Swatches-for-Product-Va... 

 

Otherwise you have to customize the theme.


I tried but not worked for me.

Dami_mond
Shopify Partner
40 0 10

Hello @Albarkhan 

My name is Damimond, Shopify partner.

 

Kindly provide your store URL to suggest the best solution.

 

Best regards

Damimond

 

 

 

 

 

 

 

 

Shopify Partner
Shubhamgopal
Tourist
7 0 3

 

 

Hi dami, can you check my store https://www.spicemode.co

Thankyou

Shubhamgopal
Tourist
7 0 3

<div class="select">
<select id="product-select-{{ product.id }}{{ product-form }}{{ section.id }}{{ block.id }}" name="id" class="multi_select">
{% for v in product.variants %}
<option {% if v == variant %}selected="selected"{% endif %} value="{{ v.id }}" data-sku="{{ v.sku }}">{{ v.title }}</option>
{% endfor %}
</select>
</div>

 

 

 

I think this is the dropdown button code. I want to seperate all button from dropdown

Dami_mond
Shopify Partner
40 0 10

Hello @Shubhamgopal 

 

I checked out your store as requested and I have a solution for you:

 

1. Go to online store section of your Shopify account.

2. Click on customize and scroll down to theme settings.

3. Click on product grid and select the swatches button.

4. Save the settings and visit your Shopify store.

 

I have tested this and hope it works for you too.

 

Best regards

 

Damimond

Shopify Partner
Shubhamgopal
Tourist
7 0 3

Hello dami, 

Thanks for your reply I did this but again showing same dropdown 

Screenshot_2021-09-26-10-46-10-081_com.whatsapp.jpg