How To Move Collection Description To Bottom Of Page

Shopify Discussion

Topic summary

A user wants to display collection descriptions at the bottom of collection pages on their Shopify store (ljvapes.co.uk). Currently, descriptions exist in the backend but don’t appear on the site at all.

Initial Solution Provided:

  • Locate {% endpaginate %} in collection-template.liquid
  • Add code to display {{ collection.description }} after pagination ends

Follow-up Issue:
The user successfully implemented the fix but now wants the description at the top of the page instead of the bottom.

Root Cause Identified:
A responder discovered the description is actually present at the top but hidden by CSS. They provided a solution to make it visible:

  • Add specific markup code in the theme.liquid file before the </body> tag
  • The code checks if the template contains ‘collection’ and displays the description accordingly

Status: The discussion provides working solutions for both positioning (bottom via collection-template.liquid) and visibility (top via theme.liquid CSS fix). The user needs to choose their preferred placement and implement the corresponding code.

Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.
1

I would like to have the collection description at the bottom of each collection page on my site ljvapes.co.uk if anyone can assist please?

Currently I don’t have a description at all see link https://ljvapes.co.uk/collections/cbd-capsules

I do have descriptions in all my collections but they don’t appear on my site for some reason.

this is the code currently in the collection-template.liquid :

{% if section.settings.collection_results_per_page != blank %}
{% assign product_per_page = section.settings.collection_results_per_page %}
{% else %}
{% assign product_per_page = 12 %}
{% endif %}

{% paginate collection.products by product_per_page %}
{% include ‘toolbar’ %}

{% case section.settings.collection_results_per_row %}
{% when ‘2’ %}
{%- assign grid_item_width = ‘’ -%}
{%- assign image_size = ‘600x600’ -%}
{% when ‘3’ %}
{%- assign grid_item_width = ‘col-md-4’ -%}
{%- assign image_size = ‘550x550’ -%}
{% when ‘4’ %}
{%- assign grid_item_width = ‘col-md-3’ -%}
{%- assign image_size = ‘250x’ -%}
{% when ‘5’ %}
{%- assign grid_item_width = ‘col’ -%}
{%- assign image_size = ‘195x’ -%}
{% endcase %}

{% if collection.products_count > 0 %} {% for product in collection.products %}
{% include 'product-grid-item', grid_image_width: image_size %}
{% endfor %} {% else %}

{{ 'collections.general.no_matches' | t }}

{% endif %}
{% if paginate.pages > 1 %}
{% include 'pagination-page' %}
{% endif %} {% endpaginate %}

{% schema %}
{
“name”: “Collection pages”,
“settings”: [
{

2

Hi @Ljvapes ,

Regarding your code, we like to recommend the following fix:

  1. Go to Online Store → Theme → Edit Code
  2. Go to collection-template.liquid
  3. Locate {% endpaginate %} and add the following code below:
{% if collection.description != blank %}
    {{ collection.description }}

  {%  endif  %}

Hope you find this suggestion helpful!

Best regards,

Layoutbase - landing & home page builder

3

Hi thank you so much for the help with this. Can you advise how i have the description show at the top of the page rather than the bottom please if you could assist?

4

Hello @Ljvapes

I found that the description was put at the top of the page however it has hidden : https://prnt.sc/dpDcYNcdPJrc

you can use the below code to display it so kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before 
{%if template contains 'collection'%}

{%endif%}

I hope the above is useful to you.
Best regards,
GemPages Support Team