"Read More" button on Debut theme product page

Debut theme Read More button on the product page
Reading Time

Long product descriptions on Debut turn into a wall of text. This snippet hides the extra copy behind a Read More button once the description is taller than 250px. No app. Last tested on Debut in 2026.

You add one snippet, include it in theme.liquid and you're done. Apps that do the same job usually inject extra JS and charge a monthly fee. This one is copy/paste and only loads on product pages.

This is Debut only, the old free OS 1.0 theme. If you're on Dawn or another free OS 2.0 theme, use the Dawn version instead: Add a Read More button on Dawn.

Live preview: Debut Read More demo.

Download a backup of the theme first. If something breaks you can roll back in about 10 seconds.

Download a Shopify theme backup before editing code

What this does

If the product description is taller than 250px, the extra text is clipped and a View More button shows. Click it and the rest of the description opens. Shorter descriptions stay as they are.

Name the snippet file exactly:

ezfy-read-more.liquid

How to add the snippet

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find Debut, click the 3 dots > Edit code.
  3. Open the Snippets folder and click Add a new snippet. Name it exactly ezfy-read-more.

    Add a new snippet named ezfy-read-more in the Debut theme

    Create snippet file named ezfy-read-more

  4. Delete whatever Shopify put in the new file. Paste this code, then save:

    ezfy-read-more.liquid pasted in the Shopify code editor with Save highlighted

If you prefer Shopify's own editor docs, they cover Edit code here: Edit your theme code.

How to load it on product pages

  1. Open theme.liquid.
  2. Press CTRL + F (CMD + F on Mac) and search for:

    </body>

  3. Paste this line before that tag, then save:

    {% include 'ezfy-read-more' %}

    include ezfy-read-more placed before the body closing tag in theme.liquid

Visit a product whose description is taller than 250px. You should see View More. If the description is shorter, the button stays hidden on purpose.

If it doesn't show

Check the snippet file name. It has to be exactly ezfy-read-more.

Check that the include line is in theme.liquid before </body>.

Hard refresh the product page. Theme editor save is required before the live page updates.

This snippet is Debut. It will not work on Dawn, Sense or other OS 2.0 themes.

If you get stuck, tell me whether you're on Debut or a renamed copy of Debut. That usually solves it.

Back to blog

Leave a comment

Related Articles