Tutorial: How to display the collection description below the featured image in Pipeline 1.x

This tutorial is for Pipeline 1.x only. There is a link at the bottom for Pipeline 2 and higher.

In this tutorial we will remove the collection description from the image area and move it below. There are two templates, one is for centred content and the other for left justified content.

Results:
collection.alternate - centred

collection.alternate-left:

Step 1

Edit Code for your theme:
https://myshopify.com/admin/themes/current

Create a new template file:
343ca1d6fffe69222940307ebc19f430.png

1. In the first drop-down, choose "collection"
2. For the second field, "alternate" is fine.

50c6713545e4c962573f3ac8d805ef15.png

Press the Create template button,  erase all the default code that's on that page. Replace it with the code from this page:

https://gist.githubusercontent.com/whistlerbrad/d2eb3d3728ec5893d1fcd23ebbee8bcb/raw/6f8f4204daa518978f008c3f3d27d6c260bd2e39/collection-alternate.liquid

Save the file.

Step 2

We are going to create a second template file which will provide you with an option to display the text left justified. 

Create a another new template file:

343ca1d6fffe69222940307ebc19f430.png

1. In the first drop-down, choose "collection"
2. for the second field, call it: "alternate-left".

0c3bff39908f9b6c25e9a26d06e3b6fb.png

Press the Create template button,  erase all the default code that's on that page. Replace it with the code from this page:

https://gist.githubusercontent.com/whistlerbrad/6f8f36bb9b45a9dc7ca9403fe002995f/raw/c8eac53ce6d4d8e596d8175fda7aec2501279367/collection-alternate-left.liquid

Save the file.

Step 3

In your Product setup under collections, choose the collection you'd like to apply the new template to. 

You'll find the template drop-down below the Collection image:

bd36d9e68e5c4889ef7508d1f24d62cf.pngChoose the template here and Save after selecting. 

collection.alternate will place your collection description text centred.
collection.alternate-left will left justify that content.

Still need help? Contact Us Contact Us