All things Shopify and commerce
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
I want to separate all option in form of button
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.
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
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.
@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.
Hello @Albarkhan
My name is Damimond, Shopify partner.
Kindly provide your store URL to suggest the best solution.
Best regards
Damimond
<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
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
Hello dami,
Thanks for your reply I did this but again showing same dropdown
I'd love to help you on this:
I will send you a collaborator request
Connect your PayPal account to allow your customers to checkout using the PayPal gateway a...
ByYour online store speed can enhance your store’s discoverability, boost conversion rates a...
ByShopping is at our fingertips with mobile devices. Is your theme optimized to be user-frie...
By