BACK

shopify show color variants on collection page

Show Products by Color Variants On Collection Pages Dawn Theme | Without App | [100% Working] hello

Amazing Learning

Updated on Jan 23,2023

Show Products by Color Variants On Collection Pages Dawn Theme | Without App | [100% Working]

The above is a brief introduction to shopify show color variants on collection page

Let's move on to the first section of shopify show color variants on collection page

Let TThunt's experts help you find the best TikTok product on your Shopify business!

Find TikTok products (It's Free)
No difficulty
No complicated process
Find winning products
3.5K Ratings

WHY YOU SHOULD CHOOSE TTHUNT

TThunt has the world's largest selection of TikTok products to choose from, and each product has a large number of advertising materials, so you can choose advertising materials for TikTok ads or Facebook ads without any hassle.

Show Products by Color Variants On Collection Pages Dawn Theme | Without App | [100% Working]

hello everyone in this video I am going,to show you that how you can solve the,problem of color variants on collection,pages in Shopify down theme so if you,have any other theme then you have no,need to worry about because I can also,solve for that so on the community of,the Shopify people were asking the,questions like they have a specific,product with different variants for,example they have different colors like,black white red yellow and they wanted,to display all those products on the,collection page but the problem is like,theme has a default feature that it is,only showing single product so let me,explain you with the example so here you,can see that I have this bikini with,there is not mentioned any specific,color but if you will go to this page,you can see that all the colors are,displaying for example red bikini blue,we have pinks sky blue green black so we,have all the colors displayed on bikini,collection page so that means I have,solved the problem so people were,suffering from this problem before and,someone was asking them that they need,to pay 30 US dollar per month for this,solution but I found the solution so I,thought that I need to share with you,with this simple thing and you only need,to copy and paste the code and then you,are done so let me explain you how I,solve that so basically this is the,collection of bikini I have not,refreshed I have refreshed the page,actually I have removed the code from,backend but now I will show you that how,I can add again and replace this,specific thing,so here this was the old code where I,have solved so here you can see that I,have the product of bikini which I have,created and it has different variants,like red color blue pink and different,prices as well so as you know that if,you have you have different colors then,definitely you wanted to display that,product on the collection page so that,if someone is visiting on that,collection page then he or she should,able to choose that specific color and,purchase the product all right so this,was the problem so,let me tell you what I did so first of,all you need to go to,your Shopify dashboard,here you can see that I have installed,the down theme but if you have any other,theme then I can also solve for that you,can connect me I have added the contact,details below in the description so you,can connect me and I will definitely,help you out in that so click on actions,then you need to click on edit code and,here you have different folders and,files so you can see that we have,sections,and scroll it down and down below you,will be finding a section main Dash,collection Dash product Dash grid dot,liquid and once you are clicking on it,and I this is the old code all right,this is the existing code default code,of this theme so if I am refreshing this,page,maybe I am going to close that page so,you can see that I can only see three,products bikini is the one and these are,the two other products all right but now,if I am replacing this code with my on,code I have actually did some,modification,so that I could able to solve that and,now I am going to replace this code with,first of all you need to delete it and,then paste the new code,and once you are pasting this let me,save these changes,and then after you need to refresh this,page again,now you can see that,all the colors of the product are,showing here so on the basis of color,variant you can display all those uh all,those variants on your collection page,so this is super simple for example I am,going to collection page here here you,can see that we have different,Collections and now I am going to uh,open the bikini specifically now you can,see that on the bikini I have added a,different color variants actually bikini,is the collection and I have added some,products in this collection if you are,clicking on collections click clicking,on bikini so in the Bikini I have added,three products shirt bikini and best,T-shirt If you are clicking on bikini,you can see that I have added some,variants with different prices and,different colors so in the same way here,you can see that these are two other,products and one was bikini and in the,Bikini I have different variants of,colors so all those variants are,displaying here so for example someone,is clicking on this green bikini and he,can able to purchase this green black,blue pink and first example someone is,clicking on a black one,then it would automatically redirect to,the black product and if someone is,clicking on any other specific for,example this one red one,and you can see that,same product would be opening here and,then the customer will able to add to,cart buy it now and everything would be,done so this is one of the best feature,which I have created I have also created,one another feature that is you can see,that this is the scroll I mean on the,top we have announcement bar going up,and down if you want you can also modify,it with the different one let me show,you like left to right,so let me tell you,here you can see that I have,announcement bar if you are in not,interested to put it vertical then you,can also make it horizontal and if you,will refresh this,and first example you are refreshing,again here,then now you can see that it will go,from left to right so we have two,options like up and down and left to,right so this is also one of the feature,I will be adding the link below in the,description you can also go through the,video and implement it into your own,website all right so you can see that,how people are struggling for this,feature which I have created because uh,the cost of this app was very high that,is 30 US dollar per month so this is,very big cost all right so people are,also trying for impulse theme so if you,have the problem with this theme I can,also solve for that so feel free to ask,me the questions below in the comment,section I will help you out in that and,if you want this specific feature into,your store you can connect to me I have,added the contact details below in the,description like you can connect me on,Whatsapp email Skype or any other way so,in that way I will help you out and this,is one time solution I will give you one,time solution and then you can use it,for a lifetime you have no need to use,any kind of app for that so thank you so,much for watching this video if you are,new on this channel then please,subscribe this channel also like this,video thank you once again see you in,the next video

Congratulation! You bave finally finished reading shopify show color variants on collection page and believe you bave enougb understending shopify show color variants on collection page

Come on and read the rest of the article!

Browse More Content