Collection page text not showing - theme issue?

Collection page text not showing - theme issue?

BlueShark1
Shopify Partner
14 0 0

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? 

Replies 20 (20)

MastersHub
Shopify Partner
216 21 38

The theme does not support this, you need to edit the theme code.

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
BlueShark1
Shopify Partner
14 0 0

Is this easily done?  

MastersHub
Shopify Partner
216 21 38

Can you give me store URL? Where exactly do you want to add it? Can you show it with a screenshot?

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
BlueShark1
Shopify Partner
14 0 0

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. 

BlueShark1_0-1707741960373.png

BlueShark1_1-1707742037284.png

 

 

MastersHub
Shopify Partner
216 21 38

Is there such a setting?

IMG_5537.png

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
BlueShark1
Shopify Partner
14 0 0

No there doesn't seem to be option for this that I can see

BlueShark1_0-1707749467085.png

 

MastersHub
Shopify Partner
216 21 38

Do you have it when you follow the steps?

Themes -> Customize -> Default Collection -> Click Collection banner -> Show description

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
BlueShark1
Shopify Partner
14 0 0

Clicked hereBlueShark1_0-1707750418918.png

 

then it brings me here

BlueShark1_1-1707750464816.png

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. 

 

BlueShark1_2-1707750773878.png

I hope you can help

MastersHub
Shopify Partner
216 21 38

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.

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
BlueShark1
Shopify Partner
14 0 0

Is there something I can add to the theme code to get the description text to display underneath the products? 

MastersHub
Shopify Partner
216 21 38

Yes, You can add the bellow code.

 

{{ collection.description }}

 

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
BlueShark1
Shopify Partner
14 0 0

Do I add this here:

BlueShark1_0-1707826998784.png

 

MastersHub
Shopify Partner
216 21 38

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.

 

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
BlueShark1
Shopify Partner
14 0 0

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?   

 

BlueShark1_0-1707829976643.png

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.

MastersHub
Shopify Partner
216 21 38

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>

 

 

 

 

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
BlueShark1
Shopify Partner
14 0 0

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?

BlueShark1_0-1707832206562.png

 

MastersHub
Shopify Partner
216 21 38

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.

 

collection-desc.png

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
BlueShark1
Shopify Partner
14 0 0

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 %}

BlueShark1
Shopify Partner
14 0 0

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

MastersHub
Shopify Partner
216 21 38

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.

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp