Is it possible to create a rich text template with a "Show More" feature?

Store Design
,

Topic summary

A user is seeking to implement a “Show More” expandable text feature on a category page using a rich text template. The desired functionality would initially hide approximately 90% of the content, revealing it only when visitors click a button.

Current Status:

  • The question remains open with no concrete solution provided yet
  • One respondent confirmed the feature should be achievable using HTML, CSS, or JavaScript but hasn’t personally implemented it
  • No specific code examples, tutorials, or implementation methods have been shared

Key Question:
How to create this collapsible content functionality within Shopify’s rich text template system for category pages

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

Hi!

I’m wondering if it’s possible to create a rich text template where about 90% of the text is hidden initially, and the visitor can click a “Show More” button to read the rest of the content. The goal is to implement this functionality on a category page.

Has anyone here implemented something like this, and if so, how did you do it? Is there a particular way to achieve this using HTML, CSS, or JavaScript?

Any tips or suggestions would be greatly appreciated!

Thanks in advance!

Best wishes,

Emil

2

Yes, i believe this is acheiveable with HTML, CSS, or JavaScript. I haven’t tried it ever but would love t give a try on this.

Please reach out via personal links below for a convenient conversation and collaboration.

Best
Shadab Ali