How to make the description semi-collapsible?

Store Design
,

Topic summary

A user working with Shopify’s Sense theme wants to create a semi-collapsible product description feature. They provided example images showing the desired behavior: descriptions that initially display a limited height with a “load more” button to expand the full content.

Proposed Solution:

  • Check the description container’s height (e.g., if greater than 500px)
  • Limit visible characters initially
  • Add a toggle button using JavaScript to handle expand/collapse functionality
  • Use CSS to style the collapsed/expanded states

Current Status:
The original poster indicated they cannot implement the code themselves and requested direct assistance. A respondent offered to help but would need access to the store’s code to customize the implementation. The discussion remains open with no concrete solution delivered yet.

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

Hello,

Trying to make a shopify descrption semi-collapsible. Im using the Sense theme. I attached an example photo below.

Thanks!

Open
Open490Ă—620 39 KB

Collapsed
Collapsed495Ă—455 25.8 KB

2

To achieve that, you need to check height of description part,

For example if height greater than 500px will limit characters show, and then make a load more button to show, when click to button you need to trigger toggle event, if full height button will show less more opposite show load more.

To do this you can use Javascript for handle and use Css to make style.

1 Like
3

I cant code ;-;

4

Could you help me? :grinning_face_with_smiling_eyes:

5

@silenceco

Yes, we can.

To implement first we need access to your store to customize code.