How To Add "Read More" Button To Collection Description in Prestige Theme

Store Design
1

Hello,

I would like to add “Read More” to the description of the collection. So that only the first sentence of the text remains visible…

For example: https://hartlyn.com/collections/spearfishing

I found several solutions here in the group but none of them worked quite right with my Prestige Theme.

Is there anyone who can help me with this? well thank you

1 Like
2

Hello @UpriseMedia

  • To set read more button to collection description first open main-collection section inside the section find SectionHeader__Description class and replace below code with it.
{% if collection.description.size > 200 %}

  {{ collection.description | truncate: 200, ". . . " }}
  Read More

  {{ collection.description }}
  Read Less

{% else %}
{{ collection.description }}

{% endif %}
  • and then add below script above schema part inside main-collection file

I hope it’s helpful to you.

1 Like
3

Hello

Hello Nidhipatel,

Could you please help me with how to achieve it with new updated version of prestige theme.
See link below.
https://themes.shopify.com/themes/prestige/styles/allure/preview
Thanks in advance.
PREVIEW