Shopify doesn’t allow you to create JSON for individual collection pages. So using the different banner for collection page and different banner for collection page footer is a little bit different as compared to page templates.

Here we will code for Header and Footer banner of collection page. and Banner for pages using a simple method.

The first method is for Collection header Banner. You can use this snippet in Collection template.

You have to save images in Shopify with the same name as collection slug.
like {collection-slug}-header.jpg

Same for footer you can use {collection-slug}-footer.jpg

For the page, you can use the banner the same way. But if you want to move banner just below nav you can use.
You can change jQuery selector as per your need.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.