@EdCodes I already have Dawn 13, but I still can't set up swatches on the product page? Could you please do a tutorial on how to enable this? Thank you!
@@EdCodes I need help with a small issue. I think you are knowledgeable on this subject. Can you help? I want to add images to some of the variations in my product, the image will appear instead of text. I can send an example image.
A good way to make the filter more efficiant is to set up the metafield as a variant metafield instead of a product metafield. After this the filter will automatically show the variant image in the product card after selecting.
Great video as usual! I don’t need this for my site yet. You are the best Shopify RU-vidr! You’re so good at explaining things so normal people can understand. Keep doing what you’re doing!
Thank youuu! We have been searching for the filter for years!!! Thank you very much for your tutorial 🌿 All the sustainability brands from Meanwhile Boutique also thank you.
Thanks for the Tutorial! New subscriber here. I followed all the steps, but the color swatches are not displayed. It says "this metaobject reference list contains no fields that are compatible with this block". Do you know how can I solve this?
I have tried to get the color swatches on the product page with this tutorial for meta objects, and tried to recreate the steps in the shopify tutorial for color swatches on product page. I dont really need the filters option, but thought the steps for the swatches on product page are the same like the in your tutorial. But I can‘t follow the steps on the shopify text based tutorial. I think there are missing some steps or are not avaliable? I already installed Dawn 13, but I feel so stupid all the time when doing stuff like this..
Pretty straight forward video!! Awesome! How can you show the swatches on the product page? It shows as filters but product page still shows the buttons with names of colors
If you mean on Dawn / free themes it's not out yet. You need to wait for the new "product attributes" features to be released. And you will need to be using Dawn v13 or later. I talk about this in my Shopify editions video around 10:45 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-lOoViP9Nbnk.htmlsi=vatgHWOkoLk0hW90&t=645
@@EdCodes Thanks mate! Yes I am using Dawn V13.0 and trying at all costs to get swatches on products page. Also trying to get rid of choose option buttons and actually show the swatched on collection pages without using an app to do that
@EdCodes - Thanks! This works! - Is there a way to bulk update all the meta objects for all products instead of going into each one and selecting them individually. Also for other folks - this is for the Product Cards page and not the Product page specifically so it wont work on the Product Page.
Your videos are great. However, after following all the steps you described I cannot work out how to make the metaobject/colour swatch show on any page. I'm guessing it's something to do with adding a block or section to the product page then linking to the metaobject, but I can't figure it out. Could you clarify? Thanks
It's not really that much time, the main tutorial starts at 07:52 and after you define the metaobjects and metafields (one time), adding new colors while uploading new products is fairly quick.
Video helped a lot and I have it set up, How do I add individual color swatches to the product variants. I have yet to find that video. I have a beauty store and want to add they individual swatches to each lipstick or eyeshadow. So Frustrating!
When creating a product and selecting the category 'Fabric in Textiles' Shopify automatically creates 3x 'Category Metafields' (Color, Fabric & Care Instructions). I can't seem to use these metafields in a filter, I don't see the metaobject or metafields, is there a way to use these category metafields in a filter? ☺
Hey Ed, again a great and helpful video! Will this tutorial be impacted, once Shopify will release the Rich attributes / taxonomy update where Shopify?
Great question. Yes, I expect it will be impacted. It will likely become easier than I show in the tutorial. So this tutorial would become the "manual" way of doing it. In their demo Shopify show how adding product images will automatically create color swatch metaobjects. So this allows you to skip the steps of defining the metaobject and creating entries (possibly). I suspect the automatic way won't work for all stores 100% of the time and you still need to do it manually sometimes (e.g. for already existing products). I'm just guessing though. We'll see.
When I am going to add the color filter swatch (12:21 in video), it is not an option I can choose. Is there anything wrong I have done doing the process?
hello, sadly for me the final piece is missing around 13 mins. Where you show "here is the Shopify" update, I'm on V.14 there is no 'Swatch' info at all where you show it. Sad. :( Has it changed again?
Hi, yes, it's possible, you just need to create the metafield under "Variants" instead of "Products". So go to Settings -> Custom Data -> Variants-> Add definition and do what he showed in the video. Then you go to your product, click edit variant and you should see the metafield. In that way when you filter by color it will show the variant picture. Just make sure you add a variant picture :)
Went through the tutorial and added the (3) color options I have (frame colors for photography prints) - They now show up in the product under "metafileds" however I don't know how to "Link" them to specific variants so when you choose the color swatch it changes the photo and ultimately the right product for the customer to add to their cart. Its also of course not showing on the product page on the live site. I'm on the latest version of Dawn. What am I missing?
Hi Ed, I have some questions. Your channel is amazing BTW, THANK YOU!!! I'm using Studio Theme, most of the videos here are for Down theme and it seems I don't have the option to add the filter on the sidebar. is there any way to have it using my current theme? If so, how, where? what about using an app? or custom liquid? HEEEEELP!!!
Is it also possible to display the swatches on a collection page? I don't want to create a seperate product for each variant (thats too much for my store). As example I want to display a overview of products in a collection page and under each product the available colors are listed (swatch buttons). If the customer hovers over a color the picture should change to the corresponding variant.
Hey! I had this working for some time. Now suddenly all swatches show as "transparent", although the color hex codes and naming is still correctly there. Anybody know how to solve this issue? Symmetry theme
Hi... I followed the instructions step by step, and for some reason my color is not showing as a swatch, but still as a text and box to click. Any reason why this could be happening?
Does your theme version support visual swatches? It needs to be relatively new - if it's one of the free themes from Shopify, it must be version 12 at least.
@@EdCodes Thanks for the reply! I am using the theme fashionopolism, and there was an update not long ago on the website. For some reason all I see is the text of the color.
Product page swatches are available in premium themes and in Dawn v13 - check out my previous video talking about Shopify Editions to learn about that. Collection page will depend on theme.