BACK

how to put a header on collection page shopify

Adding a custom header to Shopify Collection okay in this part we will be creating an,additional ban

Airfields Support

Updated on Feb 23,2023

Adding a custom header to Shopify Collection

The above is a brief introduction to how to put a header on collection page shopify

Let's move on to the first section of how to put a header on collection page 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 put a header on collection page shopify catalogs

Adding a custom header to Shopify Collection

okay in this part we will be creating an,additional banner visible on a,collection page and we will be able to,easily configure the title and an,additional description that will be,visible within a collection page on that,panel first we're opening the collection,setting in our plugin and adding a new,group field so we need to set its label,so that it's conveniently identifiable,for us and we need to select that it's a,group type and then we need to add,fields into that group so the first,field will be an additional title that,will be visible in our banner and this,will be a simple text field and then the,second field will be the description,visible on the banner and for the,description we will select any more,advanced what-you-see-is-what-you-get,text editor thank you need to save and,then move into the HTML markup of our,liquid template for the page,you,and we need to find a place where we,would like to include our airfields and,now we can go back and copy the liquid,code that is provided by airfields,there's for the variable responsible for,the additional title and then the more,advanced field with the additional,description and now we can use these,variables anywhere we want in our code,so here we will just inject them into a,simple section within the page and we'll,add a very basic if statement to verify,that both variables are set if any of,them is missing then simply the banner,will not show,and we need to save our template,and now we can go into a collection,and added a collection meta fields and,we can see that the two fields that we,value are now visible here and we can,simply set the additional title for,example about jewelry and then edit the,additional description as you can see,there is a pretty advanced editor now,available which allows to freely,customize the text we'll just set some,bold text here and save and now we're,going back to our collection to view it,and verify that it's rendering and as,you can see the banner is visible with,the appropriate text

Congratulation! You bave finally finished reading how to put a header on collection page shopify and believe you bave enougb understending how to put a header on collection page shopify

Come on and read the rest of the article!

Browse More Content