show every variant of one product on collection page shopify

here in this video I am going to show,you that how you can display all the,products with all of its color variants,currently on my screen you can see that,I have displayed all the products with,single variant so first example I have,this t-shirt product so I am clicking on,it and here you can see that I have,different colors with the same t-shirt,so how I can display all the colors on,this product listing page so I if I'm,adding my code then after if I will,refresh the page then all the color,variants would be displayed on the,screen I mean t-shirts with different,colors would be displayed on the listing,page so this is how you can actually,connect your customers and of course the,customers are attracted to one of the,product one of the color and they will,definitely buy from you so first of all,I am going to add the code which I have,created so you can also copy and paste,it and then you can also implement it,into your store this video is for,Shopify debut theme so I have installed,debut theme so let's go to the dashboard,of the Shopify store you can see that I,have installed debut thing so this is,the current version here on the,dashboard you can see that I have,installed debut theme so this video is,specific for the debut theme users for,other themes I have also uploaded the,videos uh you should search for,different themes and definitely you will,get the video over it first of all I,need to go to and go to the themes then,you need to click on red dots and click,on edit code and here I need to follow,some documentation so you will see here,that we have some folders and files you,need to click on Snippets then click on,add a new snippet and here I am going to,add a name so I have already created,some files so this is the first name,here,so I am going to put it over here I need,to remove this liquid dot liquid because,it is automatically generated here click,on done so this file name is product,Dash card Dash grid Dash variant dot,liquid and the second file is,protect Dash card Dash list Dash variant,so again I need to click on add a new,snippet paste it,and remove this dot liquid and click on,done,so once you are done with all this then,you need to open both these files so,this is the first file which is product,Dash God Dash grid Dash variant so I am,going to copy this code and then after,paste it here product Dash card Dash,grid Dash variant.liquid and then click,on Save again I need to go to open,product card liquid dot list dot,variants I am going to copy this code,again,and paste it inside out this file click,on Save the changes and finally we have,to modify our collection Dash template,dot liquid so here you need to find out,collection Dash,click on sections then we have,collection Dash template dot liquid so I,need to replace this whole file with,another file so here you can see that,collection Dash template.liquid I need,to open this file and let's copy the,whole bunch of code and then paste it,over here first of all I need to select,all the lines remove it and then paste,the new code then click on Save the,changes once you've saved the changes,then if I am refreshing this page now,you can see that all the colors with the,same t-shirts are displayed here so this,is how you can actually implement it,into your store so this is really,amazing feature because if you have,different colors for a specific product,and you are interested to show to your,customers with different variants so,this is how you can actually you can,actually add it for your customer so,here we can also hide this red yellow,black green so these are actually color,variants here so if you want you can,also remove these color variants from,here so this was specific for debut,theme for other themes I am also going,to upload it if you have any suggestion,you can also recommend me and I will,definitely create the video over it so,thank you so much for watching this,video if you are thinking this video was,useful then please like this video also,subscribe this channel thank you once,again see you in the next video

Congratulation! You bave finally finished reading show every variant of one product on collection page shopify and believe you bave enougb understending show every variant of one product on collection page shopify

Come on and read the rest of the article!