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?
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??
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
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?
I am having issues when switching languages on my website. I am assuming it has to do with the switching of the color names. Do you have any suggestions on how to fix that? I was thinking about maybe a reference file with mapping of colors for different languages that can be used when performing checks
I fixed it, but it works for me on Dawn 15.0.0, just change the product-variant-picker code where you assign optionNames with this (replace the color with the word color in the languages you have on your website with exactly the same spelling and no spaces between them): From this: assign optionNames = settings.optionName | split:"," To this: assign optionNamesString = settings.optionName | append: ',Renk,لون' assign optionNames = optionNamesString | split: ','
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
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 }
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
![How To Add Mega Menu with Images [Shopify - Without APP]](http://i.ytimg.com/vi/tTvgl8s8PYk/mqdefault.jpg)
Great video, finally found it after searching for hours.
Glad I could help
Hello does this work on the Vision theme. Made by fuel themes? Many thanks
No it does not
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?
Will have to check, please start from scratch to implement the code
I have the same issue, were you able to fix it?
@@WebSensePro same problem here 😢 dawn theme 15.2.0.
i aslo got that issue
@@FreddyFigures Did you ever find an answer for this problem?
Hello, is it possible to have a swatch for color and a single dropdown menu for size?
Yes it's possible but will have to check the store. Please contact via websensepro.com/contact-us for paid support
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
Thanks for the info! Will.check and update code
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 :)
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
my Dawn theme is V15.2.0 but what you said in this video is not working
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??
Video coming next week
Did this video come out yet? it's exactly what i need!
@WebSensePro hi sir, I too need the same thing. How to show colour swatches on the collection page.
@@WebSensePro can you do a video showing colour swatches on the collection page and featured collection page
SAME
Can you do the collection page one also like you did last year as a follow up from this
Sure, will definitely do
Thank you sir
Welcome dont forget to subscribe
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
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?
You have done a mistake with code
I am having issues when switching languages on my website. I am assuming it has to do with the switching of the color names. Do you have any suggestions on how to fix that? I was thinking about maybe a reference file with mapping of colors for different languages that can be used when performing checks
I fixed it, but it works for me on Dawn 15.0.0, just change the product-variant-picker code where you assign optionNames with this (replace the color with the word color in the languages you have on your website with exactly the same spelling and no spaces between them):
From this:
assign optionNames = settings.optionName | split:","
To this:
assign optionNamesString = settings.optionName | append: ',Renk,لون'
assign optionNames = optionNamesString | split: ','
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
Will need to check the code
Can you do a video on how to add a transparent background for the Dawn theme’s latest update! Great vid btw.
Sure thing!
@@WebSenseProthank you!
@@WebSensePro*transparent header I meant!
Hi, Can you show how to do the same for collection and featured collection section?
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
Please help to do this on [Dawn 15.2.0] with image swatches
how can i show swatches on collection page as well, in dawn 15.1.0?
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
Please Help variant picker is'nt working after adding codes , can't select color
I would check updated tutorial
hi bro, for other version of dawn? i've the Dawn 14.0.0
I can not find the "product-variant-picker" on the file
Please contact via websensepro.com/contact-us for paid support
Does it show on the collectiom page??
No, its for product page
can you change the Swatch border color?
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
}
This isnt working for v15.2
Please contact via websensepro.com/contact-us for paid support
Please do other video about dawn v15.2.0. thanks. tag me if you did. appreciated:)
Will do soon subscribe to get updates
@@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.
@@WebSensePro please do it soon
Help, I don't know how to remove the sizes from that customization, I only liked the photos, how do I remove the sizes?
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
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
Pleaee clarify more