Simple Theme - Wanting to put Collection description below the products

Shopify Discussion
,
1

Hi,

Im trying to do this on my own but having some trouble. I am using the Simple Shopify Theme and want to keep the Collection title on the top of the page, but the collection description below the products. How can I do this?

Below is my collection theme code:

{% paginate collection.products by 12 %}

{% if current_tags.size > 0 %}{{ current_tags.first }}{% else %}{{ collection.title }}{% endif %}

{% if section.settings.collection_sort_enable or section.settings.collection_tag_enable %}

{% if section.settings.collection_tag_enable and collection.all_tags.size > 0 %}
{{ 'collections.general.tags' | t }}
{% endif %} {% if section.settings.collection_sort_enable and collection.products.size > 1 %}
{{ 'collections.sorting.title' | t }} {% assign sort_by = collection.sort_by | default: collection.default_sort_by %}
{% endif %}
{% endif %}

{% if collection.description != blank %}

{{ collection.description }}
{% endif %}

{% for product in collection.products %}
{% if collection.products.size == 1 %}
{% assign grid_item_width = ‘medium-up–one-third small–one-whole’ %}
{% else %}
{% assign grid_item_width = ‘medium-up–one-third small–one-half’ %}
{% endif %}
{% include ‘product-grid-item’ %}
{% else %}
{% comment %}
Add default products to help with onboarding for collections/all only.

The onboarding styles and products are only loaded if the
store has no products.
{% endcomment %}
{% if shop.products_count == 0 and collection.handle == ‘all’ %}
{% unless onboardingLoaded %}
{% comment %}
Only load onboarding styles if they have not already been loaded.
{% endcomment %}
{% assign onboardingLoaded = true %}
{% endunless %}

{% assign collection_index = 1 %} {% for i in (1..6) %} {% assign collection_index = collection_index | plus: 1 %} {% endfor %}
{% else %} {% comment %} If collection exists but is empty, display message {% endcomment %}

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

{% endif %} {% endfor %}

{% if paginate.pages > 1 %}

{{ paginate | default_pagination }}
{% endif %}

{% endpaginate %}

2

Hello @lmammone ,

Please try this updated code


{% paginate collection.products by 12 %}

{% for product in collection.products %}
{% if collection.products.size == 1 %}
{% assign grid_item_width = 'medium-up--one-third small--one-whole' %}
{% else %}
{% assign grid_item_width = 'medium-up--one-third small--one-half' %}
{% endif %}
{% include 'product-grid-item' %}
{% else %}
{% comment %}
Add default products to help with onboarding for collections/all only.

The onboarding styles and products are only loaded if the
store has no products.
{% endcomment %}
{% if shop.products_count == 0 and collection.handle == 'all' %}
{% unless onboardingLoaded %}
{% comment %}
Only load onboarding styles if they have not already been loaded.
{% endcomment %}
{% assign onboardingLoaded = true %}
{% endunless %}

{% assign collection_index = 1 %}
{% for i in (1..6) %}

{% capture current %}{% cycle 1, 2, 3, 4, 5, 6 %}{% endcapture %}
{{ 'product-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}

{{ 'homepage.onboarding.product_title' | t }}

$19.99

{% assign collection_index = collection_index | plus: 1 %}
{% endfor %}

{% else %}
{% comment %}
If collection exists but is empty, display message
{% endcomment %}

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

{% endif %}
{% endfor %}

{% if paginate.pages > 1 %}

{{ paginate | default_pagination }}

{% endif %}

{% if collection.description != blank %}

{{ collection.description }}

{% endif %}

{% endpaginate %}

Thanks

3

Thanks so much for your help. This works perfectly.