Automatically cut off or truncate title length for items

Store Design

Topic summary

A Shopify store owner using the Debut theme seeks to automatically truncate long product titles that currently extend beyond their desired display area.

Current Issue:

  • Product titles are displaying in full length, creating layout problems
  • The user shared before/after images showing the desired truncated state versus the current full-length display

Solution Provided:

  • Add the ‘truncate’ filter to the product-card.liquid file
  • Specific code modification: Insert {{ product.title | truncate: 50 }} with appropriate HTML attributes in the product card template
  • This limits title display to 50 characters

Status:

  • The original poster confirmed this solution works
  • A follow-up comment mentions needing to refresh the theme and add code to a specific location, though the message appears garbled
Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Hi there! Is there a way that I can automatically cut-off or truncate long titles on my Shopify store? I’m using the Debut theme

My website is listed here: https://diceblock.shop (password: ‘frithe’) note: Might take a few seconds to load

Current State

![image.png|2710x535](upload://qEOSG0mwlkwRgWf7aQtxkkmB8Rn.jpeg)

Goal State

![image.png|2212x321](upload://fRk6Q6bc4RKInUDOxdbs6Oh1S6U.png)
2

Quick update - add ‘truncate’ to your product-card.liquid

{{ product.title | truncate: 50 }}
3

refresh theme wich place need to add this code