Shopify themes, liquid, logos, and UX
The text in the back-end is not showing with my theme - Impulse version 7.4.0. Is there a way to add the description text below the product listings?
The theme does not support this, you need to edit the theme code.
Is this easily done?
Can you give me store URL? Where exactly do you want to add it? Can you show it with a screenshot?
Here is an example collection page https://www.blkboxfitness.com/collections/rigs-racks
Ideally we would want the description text to go below the collection listing images, above or below the pagination.
Is there such a setting?
No there doesn't seem to be option for this that I can see
Do you have it when you follow the steps?
Themes -> Customize -> Default Collection -> Click Collection banner -> Show description
Clicked here
then it brings me here
When I check for "default collection" or "collection banner" I cannot see this option? I have tried theme settings and there is a tab for "collections" but no tick box for descriptions or anything similar.
I hope you can help
If have any questions let me know so I can clarify, and if not, and you'd like to work together please feel free to message me directly.
Is there something I can add to the theme code to get the description text to display underneath the products?
Yes, You can add the bellow code.
{{ collection.description }}
Do I add this here:
No, Since it is a paid theme, I cannot see the codes. That's why I can't give a precise description.
Online Store -> Themes -> Impulse theme and click on "Actions" -> Edit code
In the left-hand sidebar, under "Sections," find the file named "collection-template.liquid" or similar.
find "boost-sd__pagination boost-sd__pagination--center"
Paste it wherever you find it.
Hi,
Apologies for so many questions; however I feel so close to resolution. On the screenshot below there is no collection template, the closest thing is collection head section?
However, i cannot find "boost-sd__pagination boost-sd__pagination--center" anywhere. I presume inserting {{ collection.description }} above or below the "boost-sd...." code will determine it's position above or below these buttons?
{{ collection.description }}
Appreciate your help so much.
I'm happy to help you. Let's give it a try if you want. Let's place it just below the title. Maybe it will be the solution for you. Place the code below under the title code on the screen you are sharing.
<h1 class="section-header__title">
{{ collection.title }}
</h1>
<p>
{{ collection.description }}
</p>
Hi, there is actually this section "main.collection.liquid"
Could I paste this code in here somewhere?
Where would be best - after that last </div> under endpaginate?
Copy the block I first described. You can try both lines I described. Before or after pagination. Whichever looks more beautiful to you. Save and test.
Hi,
apologies I was on annual leave for 5 days so just picking this up again.
I have tried a few different positions as you suggested, but none of which is getting the description to show on the front-end of the website on the collection pages. Am I doing something silly here? https://www.blkboxfitness.com/collections/rigs-racks
Appreciate your help with this.
{%- liquid
assign current_filter_size = 0
for filter in collection.filters
assign current_filter_size = current_filter_size | plus: filter.active_values.size
endfor
-%}
<div
class="collection-content"
data-section-id="{{ section.id }}"
data-section-type="collection-grid"
>
<div id="CollectionAjaxContent">
<div class="page-width">
<div class="grid">
<div class="grid__item medium-up--one-fifth grid__item--sidebar">
{%- render 'collection-grid-filters',
collection: collection,
enable_sidebar: section.settings.enable_sidebar,
filter_style: section.settings.filter_style,
collapsed: section.settings.collapsed,
enable_color_swatches: section.settings.enable_color_swatches
-%}
</div>
<div class="grid__item medium-up--four-fifths grid__item--content">
{%- liquid
for block in section.blocks
case block.type
when 'product_grid'
assign paginate_by = block.settings.per_row | times: block.settings.rows_per_page
endcase
endfor
-%}
{%- paginate collection.products by paginate_by -%}
{%- for block in section.blocks -%}
<div {{ block.shopify_attributes }} {%- if block.type == 'product-grid' -%}data-scroll-to{%- endif -%}>
{%- case block.type -%}
{%- when 'collection_description' -%}
{%- if collection.description != blank and current_filter_size == 0 -%}
<div class="rte collection__description">
{{ collection.description }}
</div>
{%- endif -%}
{%- when 'subcollections' -%}
{%- if paginate.current_page == 1 and current_filter_size == 0 -%}
{%- render 'subcollections', per_row: block.settings.subcollections_per_row -%}
{%- endif -%}
{%- when 'product_grid' -%}
<div data-scroll-to>
{% render 'collection-grid',
collection: collection,
items: collection.products,
enable_sidebar: section.settings.enable_sidebar,
filter_style: section.settings.filter_style,
enable_sort: section.settings.enable_sort,
enable_collection_count: block.settings.enable_collection_count,
per_row: block.settings.per_row,
mobile_flush_grid: block.settings.mobile_flush_grid,
quick_shop_enable: settings.quick_shop_enable
%}
{%- if paginate.pages > 1 -%}
{%- render 'pagination', paginate: paginate -%}
{%- endif -%}
<div class="rte collection__description">
{{ collection.description }}
</div>
</div>
{%- endcase -%}
</div>
{%- endfor -%}
{%- endpaginate -%}
</div>
</div>
</div>
</div>
</div>
{%- if section.settings.enable_sidebar == false or section.settings.filter_style == 'drawer' or collection.filters.size == 0 -%}
{% comment %}
Override grid styles if sidebar is disabled
{% endcomment %}
{% style %}
.collection-content .grid__item--sidebar { width: 0; padding:0; }
.collection-content .grid__item--content { width: 100%; }
.grid__item--sidebar { position: static; overflow: hidden; }
{% endstyle %}
{%- endif -%}
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "CollectionPage",
{% if collection.description != blank %}
"description": {{ collection.description | strip_html | json }},
{% endif %}
{% if page_image %}
{% assign image_size = page_image.width | append: 'x' %}
"image": {
"@type": "ImageObject",
"height": {{ page_image.height | json }},
"url": {{ page_image | img_url: image_size | prepend: "https:" | json }},
"width": {{ page_image.width | json }}
},
{% endif %}
"name": {{ collection.title | json }}
}
</script>
{% schema %}
{
"name": "t:sections.main-collection.name",
"settings": [
{
"type": "header",
"content": "t:sections.main-collection.settings.header_filtering_and_sorting"
},
{
"type": "checkbox",
"id": "enable_sidebar",
"label": "t:sections.main-collection.settings.enable_sidebar.label",
"default": true,
"info": "t:sections.main-collection.settings.enable_sidebar.info"
},
{
"type": "checkbox",
"id": "collapsed",
"label": "t:sections.main-collection.settings.collapsed.label",
"default": true
},
{
"type": "select",
"id": "filter_style",
"label": "t:sections.main-collection.settings.filter_style.label",
"default": "sidebar",
"options": [
{
"value": "sidebar",
"label": "t:sections.main-collection.settings.filter_style.options.sidebar.label"
},
{
"value": "drawer",
"label": "t:sections.main-collection.settings.filter_style.options.drawer.label"
}
]
},
{
"type": "checkbox",
"id": "enable_color_swatches",
"label": "t:sections.main-collection.settings.enable_color_swatches.label",
"info": "t:sections.main-collection.settings.enable_color_swatches.info"
},
{
"type": "checkbox",
"id": "enable_sort",
"label": "t:sections.main-collection.settings.enable_sort.label",
"default": true
}
],
"blocks": [
{
"type": "collection_description",
"name": "t:sections.main-collection.blocks.collection_description.name",
"limit": 1
},
{
"type": "product_grid",
"name": "t:sections.main-collection.blocks.products.name",
"settings": [
{
"type": "checkbox",
"id": "enable_collection_count",
"label": "t:sections.main-collection.blocks.products.settings.enable_collection_count.label",
"default": true
},
{
"type": "range",
"id": "per_row",
"label": "t:sections.main-collection.blocks.products.settings.per_row.label",
"default": 4,
"min": 2,
"max": 5,
"step": 1
},
{
"type": "range",
"id": "rows_per_page",
"label": "t:sections.main-collection.blocks.products.settings.rows_per_page.label",
"default": 7,
"min": 3,
"max": 20,
"step": 1
},
{
"type": "checkbox",
"id": "mobile_flush_grid",
"label": "t:sections.main-collection.blocks.products.settings.mobile_flush_grid.label",
"default": false
}
],
"limit": 1
},
{
"type": "subcollections",
"name": "t:sections.main-collection.blocks.subcollections.name",
"settings": [
{
"type": "paragraph",
"content": "t:sections.main-collection.blocks.subcollections.settings.content"
},
{
"type": "range",
"id": "subcollections_per_row",
"label": "t:sections.main-collection.blocks.subcollections.settings.subcollections_per_row.label",
"default": 5,
"min": 2,
"max": 5,
"step": 1
}
],
"limit": 1
}
]
}
{% endschema %}
Just following up on this. Is there an app that could do this for me as I have tried lots of different solutions without success
Actually I know how to solve your problem. If have any questions let me know so I can clarify, and if not, and you'd like to work together please feel free to message me directly.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025