Unfortunately, this method is not working with Dawn 13.0.0. Can you guide ??? I think we have to make small changes in the 'product-variant-picker.liquid' file. Can you help in this ???
When we publich 13.0 theme its showing "Your code changes won't be included because one or more changes conflict with the update. After the updated theme is added to your theme library, you will be able to copy your code over or re-configure some apps. " Did you edit the code with same process as mentioned in the video?
Hi! How can I do this for multiple variant options? Let's say you have "Color" variants, and also have "Pattern" variants as an option on the product. So basically we need image swatches for the both options. Thanks!
Hey! So i did everything and it worked! However, when my page is translated to Spanish the color doesn't show.. I did put the color in Spanish along with the hex code and it still doesn't work. Help please
Hey, it only works on one name of variant, for exemple it’s gonna work on all my products with the variant “Color” but not those with the name varant “Shape”, i already tried to put multiple names in the name section : “Color, Shape” but it only work on the first word, how can i do that correctly please? Thanks in advance 🙂
worked! but i got a question, is it just me or is the circles of the swatches not really round? but a bit flated out? how can we make it perfectly rounded? thanks!
Hi, As new update 13.0 is released with inbuilt ability to do swatches. I went through the documentation and it says "The Variant Picker now supports color swatches! This depends on the Product Taxonomy feature, which is rolling out gradually over the coming weeks." I tried to do swatches in 13.0 but i think category meta fields is yet not available on our store.Can you throw some light on this, as your code is working perfectly fine in 12.0. but we need to be updated with latest versions of theme also. It would be kind of you if you guide as how to do the same in 13.0 version. Thanks in advance.
I'm using the v13.0 & follow the steps until color.options.liquid but not working. I then saw the swatches can be setup if I have category metafields setup but not clue how to setup that ?! Will you be having a video tutorial on how to setup this with category metafields??
this did not work for me. i followed all the step as mentioned. i am using Ride theme and recenly updated the version. Also the part where the data needs to be replaced. that is different to what is mentioned by you. Pls guide
How can I make this work if I have 2 variants. I don't need color or image for the second one, it can remain a simple pill. But the color swatch should work. Currently It isn't working, the swatch circle came out distorted for me. Also, using Dawn 14.0.0. Thanks a lot.
This was great! Would this also work with icons if I wanted add the styles I offered a print in? For example if the customer had a icon choice of a T-shirt, a long-sleeve tee or a sweatshirt?
13.0 version is just released. In our store category metafields is not showing. i think It will be available gradually.I think after that we will be able to do variants with swatches without any code.
I like ur video but I deleted everything because you added a CODE to appear on Shopify Customization page (the massage to Subscribe to ur channel) that makes me NOT to trust ur code.
Awesome content, very useful, question. is there a way to add a conditional option to the color swatches, for example: radio button with 1 color products and 2 colors products, and when you click in the corresponding radio button will display only that swatch and hide the other one?
I figured it out... *Firstly, the part of his code where he wrote:* Replace this with:
*Secondly, this part:* {% render 'product-variant-options', product: product, option: option, block: block %} Replace it with: {% render 'product-variant-options', product: product, option: option, block: block, picker_type: picker_type %} *Finally, v13 has 2 different .* The you are to replace is directly under this line: {%- elsif picker_type == 'button' -%}
![I Replaced ALL my ADOBE APPS with these [free or cheaper] Alternatives!](/img/1.gif)
Watch this for Dawn 13.0.1 ruclips.net/video/OkJZbJyNNx8/видео.html
Unfortunately, this method is not working with Dawn 13.0.0. Can you guide ???
I think we have to make small changes in the 'product-variant-picker.liquid' file.
Can you help in this ???
When we publich 13.0 theme its showing "Your code changes won't be included because one or more changes conflict with the update. After the updated theme is added to your theme library, you will be able to copy your code over or re-configure some apps. " Did you edit the code with same process as mentioned in the video?
@@user-yy6fu3vn4n Yeah, I did so. But it's not working for Dawn 13.0.0
I even updated the theme, but custom code never gets copied.
New tutorials on the way
Hi! How can I do this for multiple variant options? Let's say you have "Color" variants, and also have "Pattern" variants as an option on the product. So basically we need image swatches for the both options. Thanks!
Hmm... unfortunately thats not going to work with this
Hi,
How can we make this workable in dawn 13.0, the fieldset code which you have mentioned to replace is not appearing.
Yes, new tutorial in progress
Really waiting for it. Your videos are always the best! Thank you for your time and work! @@WebSensePro
any update when this will be available to add swatches for dawn 13.0 thanks@@WebSensePro
I'm working on debut theme but I can't find product-variant-options snippet. how to solve this issue ?
Its not for debut theme
Hey! So i did everything and it worked! However, when my page is translated to Spanish the color doesn't show.. I did put the color in Spanish along with the hex code and it still doesn't work. Help please
Will have to check whats the issue is
Awesome Dude. Badly waiting for your video on adding swatches to collections pages
ruclips.net/video/VnVu2nhnBMU/видео.html
I tried it in the sense theme and I could not.
if the store is in colombia in spanish is there a different step to do?
Make sure you mentioned "Color" in your own language in Customize settings
Hey, it only works on one name of variant, for exemple it’s gonna work on all my products with the variant “Color” but not those with the name varant “Shape”, i already tried to put multiple names in the name section : “Color, Shape” but it only work on the first word, how can i do that correctly please?
Thanks in advance 🙂
Yes it works only with 1 option, we cabt have multiple options unfortunately
How do I change or add a border around the swatches? It's difficult to see which swatch is selected on a dark background. Thanks!
Hmm... good idea, will add that option on next tutorial
Thank you. Unfortunately, it doesn't work for me on "Be Yours" theme, can you guide?
It's not for "Be Yours" theme, if you want us to add that on your behalf. Contact via websensepro.com/contact-us for paid support
worked! but i got a question, is it just me or is the circles of the swatches not really round? but a bit flated out? how can we make it perfectly rounded? thanks!
With a little more CSS code
Job saver Love you and lot of thanks!
Your welcome
can't get it to work on dawn theme
That's weird it's tested upto Dawn 12.0.0
Hi, As new update 13.0 is released with inbuilt ability to do swatches. I went through the documentation and it says "The Variant Picker now supports color swatches! This depends on the Product Taxonomy feature, which is rolling out gradually over the coming weeks." I tried to do swatches in 13.0 but i think category meta fields is yet not available on our store.Can you throw some light on this, as your code is working perfectly fine in 12.0. but we need to be updated with latest versions of theme also. It would be kind of you if you guide as how to do the same in 13.0 version. Thanks in advance.
Correct, Shopify added latest "Category Metafield" which is not yet available. Let's see when it roles out to our stores
@@WebSensePro Thanks for your prompt reply. Even Taxonomy is being updated and all will be updated by feb end. so i think it will be available soon.
I'm using the v13.0 & follow the steps until color.options.liquid but not working.
I then saw the swatches can be setup if I have category metafields setup but not clue how to setup that ?!
Will you be having a video tutorial on how to setup this with category metafields??
hey there I want to do something like changing product on when clicking on that swatches how can I do that?
Not clear about your requirements
NVM btw thanks for reply ❤️
Great tutorial! Thanks a lot!
Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.
this did not work for me. i followed all the step as mentioned. i am using Ride theme and recenly updated the version. Also the part where the data needs to be replaced. that is different to what is mentioned by you.
Pls guide
Latest tutorial in progress
This is great, but how do you get this option to work on the collection pages?
Next video is for collection page
Sneak peak?
i also try this code but not working .. bro please upload correct coding material thanks
Shopify is introducing swatch with in the system so there will be no need for customization. Feature has not rolled out yet
How can I make the color also show in different languages? For it to work with translate and adapt app.
Please contact via websensepro.com/contact-us for paid support
How can I make this work if I have 2 variants. I don't need color or image for the second one, it can remain a simple pill. But the color swatch should work. Currently It isn't working, the swatch circle came out distorted for me. Also, using Dawn 14.0.0. Thanks a lot.
Video is coming, soon!
i dont have product variant picker what should i do ??
please letme know please
Please contact via websensepro.com/contact-us for paid support
Does now work with Crave ( Theme settings do not have this option...😢
Please contact via websensepro.com/contact-us for paid support
swatch options is not changing on click ,its not working on dawn 15.0
Coming soon!
Bruh they updated to spotlight theme. The second code to replace doesn't exist anymore. Coud you do an update
Yes already created an updated video for that
This was great! Would this also work with icons if I wanted add the styles I offered a print in? For example if the customer had a icon choice of a T-shirt, a long-sleeve tee or a sweatshirt?
Icons meaning images?
great tutorial, however, it's not working on the new Dawn 13 :(
13.0 version is just released. In our store category metafields is not showing. i think It will be available gradually.I think after that we will be able to do variants with swatches without any code.
Correct, yes they added latest "Category Metafield" which is not yet available. Let's see when it roles out
yeah not working on sense theme
Which version?
Did now work on my Dawn theme
Please check updated video for Dawn 13.0.1
I like ur video but I deleted everything because you added a CODE to appear on Shopify Customization page (the massage to Subscribe to ur channel) that makes me NOT to trust ur code.
No one forcing you to use it. Use it if you like
Hello sir it's not working ?
Yes, updated tutorial will soon come. It will work on dawn > 12
Awesome content, very useful, question. is there a way to add a conditional option to the color swatches, for example: radio button with 1 color products and 2 colors products, and when you click in the corresponding radio button will display only that swatch and hide the other one?
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
Great! Thanks. Can you make a tutorial fot this feature fot Dawn v13.0.0 theme, please?
Yes, that would be really great.
In progress
I figured it out...
*Firstly, the part of his code where he wrote:*
Replace this with:
*Secondly, this part:*
{% render 'product-variant-options', product: product, option: option, block: block %}
Replace it with:
{% render 'product-variant-options', product: product, option: option, block: block, picker_type: picker_type %}
*Finally, v13 has 2 different .* The you are to replace is directly under this line:
{%- elsif picker_type == 'button' -%}
@@ecomdrako Great, can you share store link?
Super 👍
Thank you 👍
when will you release color swatches for [dawn 15.0]?
Please contact via websensepro.com/contact-us for paid support
Aoa Bro Kia Hall Hain please TikTok agency Account ka Tareqa bata Dy jes mai Pakistan location enable hu please bro
Sure, will do
Great video, thank you. You are killing 3rd party businesses that provide app for this :))
Hahaha Shopify has killed them all already. Swatches is coming natively shortly
Hiii i want this for my paid theme
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
didn't work
This works in Dawn 12, updated tutorial coming shortly which will work on Dawn 13.0.1
goodjob, my store is completely fckd
Who forced you to implement it?
you talk to much
Stop watching the content
@@WebSensePro You talk like a woman in this video: not straight to the point, repetitive and sidetracking.