BACK

how to change the background of the collection page on shopify

How To Customize The Default Collection Page in Shopify hello people of the Internet Simon here,agai

Simon Vernon

Updated on Mar 15,2023

How To Customize The Default Collection Page in Shopify

The above is a brief introduction to how to change the background of the collection page on shopify

Let's move on to the first section of how to change the background of the collection page on shopify

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.

how to change the background of the collection page on shopify catalogs

How To Customize The Default Collection Page in Shopify

hello people of the Internet Simon here,again with that another,EECOM secret this time it's a Shopify,secret it's how to organize and remove,and add collections from this built-in,collection page within your Shopify,store,okay those of you that are familiar with,this this page there's a built-in polite,page called collections and it's where,Shopify will display every single,collection from your store I want to see,every single collection that's what I,mean,every single one maybe it's a test,collection maybe it's a collection that,you use into a price filtering in a,sidebar navigation whatever and it will,also put these in alphabetical order and,it might be that you might want to,change this so I'm going to show you how,we can change the order and how we can,add and remove collections from this,built-in collection page now not every,Shopify theme is compatible with this,change so in the final stages of this,video there might be a little code edit,that we need to make but the first thing,you need to do really is to test this,you to go in make this change then I'm,going to show you and then if it doesn't,work we can then go out and and make,those code edit changes so the first,thing needs to do is go into the Shopify,administration we're going to go online,store and then we're going to go,navigation and we're going to create a,new menu and this menu is going to be,called all collections not sure if it's,case sensitive but iOS co is okay see,we'll just add a couple of menu items,into this and we're going to make these,menu items to link to collections so if,I have the first one there's added ass,think and remember these is one for,night so we'll link that to a collection,of night,and I think final one maybe is Converse,going to go to collection and or final,collection converse and save that new,menu so all we've done is created a,brand new menu we've called it all,collections and we've added in the,collections that we want to see in our,new whole collections menu so if you,remember the previous view on this we've,got the built in collection page we've,got all our collections hopefully now,that I've remade this in there we've got,added s naik converse exactly as we want,them we can reorder those we can add we,can delete and what that will do is that,built in collection page is now,customizable but that's it now if that,doesn't work for you so if you've made,this menu item and you come to your,collection page and they don't update,that's probably because your theme isn't,compatible with that change so you will,need to make another edit and to do that,what we need to do is we need to go into,the editor so we'll go into the HTML CSS,editor of our theme and we're going to,look for lists it is called list,collections here we go,now the line you'll be looking for will,say look like that so that's the line,that you'll be looking for now I'll put,this in in the footer of the video if,you find this line in your list -,collections liquid you need to replace,it you need to replace it you'll see the,code there on line eight and ten with,that code so just undo that so the code,you'll be looking for in this list,- collections will look like that for,collection in collections you're going,to get rid of that and you're going to,replace it with some new code and that,new code will look like that for linked,in linked lists or collections and then,assign collection equals to linked,object as you see it's already in my,theme so I don't need to do that I'm,just going to take that back out,fantastic so that's another econ secret,how to organize and edit the built in,collection page in Shopify I'll go back,again with a few more econ secrets but,for now that's it click like click,subscribe and I'll see you in the next,video

Congratulation! You bave finally finished reading how to change the background of the collection page on shopify and believe you bave enougb understending how to change the background of the collection page on shopify

Come on and read the rest of the article!

Browse More Content