Hi there,
I've found a simple method to adding text before the collection page (after the product images). I've managed to do this on my Panda Necklace collection page - you can take a look. Is that what you want?
First you need to go to where your collection.liquid file is located, and then replace {{collection.description}} with the following codes:
{% assign descriptions = collection.description | split: "<!-- split -->" %}
{% assign short_desc = descriptions[0] %}
{% assign long_desc = descriptions[1] %} What it does is to create two separate variables - short description (short_desc) and long description (long_desc). You can put the short description above the product images within your collection page so that visitors can see what is this page about quickly. And you can put your long description under the product images. Short_desc and long_desc are just variable names: name them whatever you want.
Next, you can use the variable name short_desc to call the short description. And you need to find the space where you want your long description to display by calling it:
{{ long_desc }} For example, if you want it to appear immediately below the product images, you should paste the code immediately after the endfor syntax:
<div class="grid-item">
<p>{{ 'collections.general.no_matches' | t }}</p>
</div>
{% endfor %}
Finally, go to your collection page and write both of the descriptions in your WYSWIG editor but put the following within the HTML editor in where you want two descriptions to segregate:
<!-- split -->
Hope this help
Shopify Explorer
