How To Add Color Swatches [Dawn 15.1.0]

[@instaprint-h3o]

Great video, finally found it after searching for hours.

[@WebSensePro]

Glad I could help

[@TheOutdoor_Guy]

Hello does this work on the Vision theme. Made by fuel themes? Many thanks

[@WebSensePro]

No it does not

[@rackss9363]

Is there a way or code to add an eye dropper tool to products so that customers can select their exact color? I sell custom products and could really use something like this

[@xdedeone]

Hi. i have a problem, the color image is displayed good in tumbnail, but when i click in another color, the color swatch dont change. Stills in the default color, swatch image and main image stills in default varian. how i can fix it?

[@WebSensePro]

Will have to check, please start from scratch to implement the code

[@FreddyFigures]

I have the same issue, were you able to fix it?

[@jakabrodnik6674]

@@WebSensePro same problem here 😢 dawn theme 15.2.0.

[@gamingcrepo2644]

i aslo got that issue

[@flamontana]

Can you do the collection page one also like you did last year as a follow up from this

[@WebSensePro]

Sure, will definitely do

[@Baituni]

Great Video. But theres one bug. for the product that have variant other than color, let said, size. Then the size swatch would be appear twice

[@WebSensePro]

Thanks for the info! Will.check and update code

[@moon-z8o]

Awesome video! Thank you so much! Now I'm only missing the swatches on the collection page for Dawn 15.1. Looking forward to that video :)

[@WebSensePro]

Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

[@noorabbas3598]

I'm experiencing an issue with the variant picker on my Shopify store using the Sense theme. When I add multiple color options and input the hex code, the color variant picker box doesn't display the selected color. Instead, it shows transparent or white. As i cross check and follow all steps accutrately

[@WebSensePro]

Will need to check the code

[@ConfidentLyfeStyle]

Hey man, everything worked great, except now I have “ %) “ under size and under color. How do I change this ? Is there a line or 2 I need to fix from the copy and paste codes?

[@WebSensePro]

You have done a mistake with code

[@FUNHISTO]

my Dawn theme is V15.2.0 but what you said in this video is not working

[@remixviber]

Can you make a video tutorial that show color swatches on the collection page with changing product image and price according to color swatch selection??

[@WebSensePro]

Video coming next week

[@moon-z8o]

Did this video come out yet? it's exactly what i need!

[@nslederwaren9407]

@WebSensePro hi sir, I too need the same thing. How to show colour swatches on the collection page.

[@nslederwaren9407]

​@@WebSensePro can you do a video showing colour swatches on the collection page and featured collection page

[@jccaine7522]

SAME

[@VILLOKSEGlobal]

Hi, Can you show how to do the same for collection and featured collection section?

[@WebSensePro]

Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

[@TilmaMilano]

hi bro, for other version of dawn? i've the Dawn 14.0.0

[@darianstar86]

Help, I don't know how to remove the sizes from that customization, I only liked the photos, how do I remove the sizes?

[@WebSensePro]

Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

[@kaltersia4216]

I can not find the "product-variant-picker" on the file

[@WebSensePro]

Please contact via websensepro.com/contact-us for paid support

[@jorgegarcia4578]

hello everyone i am kind new doing this...i have a question, is just me having problem hiding the other color images, exemple: when i click in one color image it change but i can still see the other color shirt on the product page

[@WebSensePro]

Pleaee clarify more

[@josephg5542]

can you change the Swatch border color?

[@WebSensePro]

Log in to your Shopify Admin. Go to Online Store > Themes and click Edit code. Open the color-option.liquid file in the Snippets folder. Update the code snippet: .product-form__input input[type='radio']:checked + label.color-swatch:before { {%- if settings.dark -%} box-shadow: 0 0 0 2px rgb(var(--color-foreground)); {%- else -%} box-shadow: 0 0 0 1px rgb(var(--color-foreground)); //edit this {%- endif -%} border-color: rgb(var(--color-foreground)); //edit this }

[@flamontana]

Does it show on the collectiom page??

[@WebSensePro]

No, its for product page

[@Bloveorganic]

Thank you sir

[@WebSensePro]

Welcome dont forget to subscribe

[@FreedIndeed-td7od]

Can you do a video on how to add a transparent background for the Dawn theme’s latest update! Great vid btw.

[@WebSensePro]

Sure thing!

[@FreedIndeed-td7od]

@@WebSenseProthank you!

[@FreedIndeed-td7od]

@@WebSensePro*transparent header I meant!

[@FUNHISTO]

Please do other video about dawn v15.2.0. thanks. tag me if you did. appreciated:)

[@WebSensePro]

Will do soon subscribe to get updates

[@lucif4mining12]

@@WebSensePro Have you completed it for 15.2.0 as when I use the one above all my variants double e.g. I have 2 of each variant selection duplicated.