Topic summary
Goal: shorten long product titles on the collection/home page in a Shopify store (site shared: zulri.co).
Key solutions offered:
- Theme.liquid approach: Add custom code near the end of theme.liquid (above ). The posted code block is empty; the exact code appears only in an attached screenshot, so implementation details depend on that image.
- Template edit (actionable): In product-grid or product-grid-item template, find product.title and change:
• {{ product.title }} → {{ product.title | truncate: 30 }} to limit to 30 characters
• Or use {{ product.title | truncatewords: 5 }} to limit to 5 words
Notes:
- “truncate” shortens to a maximum character count; “truncatewords” limits by word count.
- Both methods are standard Liquid filters in Shopify and can be adjusted (e.g., 30 chars, 5 words) as needed.
Status: No explicit confirmation of resolution; clear steps provided to implement title shortening. Images are important for the first method’s exact code.
my website is zulri.co
Hey @rajsoni5253
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above tag
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Go to Online Store → Theme → Edit Code
Find product-grid or product-grid-item liquid file
Ctrl + F look for product.title
Change {{ product.title }} to {{product.title | truncate: 30 }}
truncate: 30
means title will be cropped after 30 characters. Feel free to change number
You can also use this:
truncatewords: 5
It will crop title after 5 words