Can I shorten product titles in the Boundless theme?

Store Design
1

I was wondering if there was a way to make the product titles shorter on the collections pages and homepage, I was wondering if I could make it so it shows part of the product title with the dots at the end. To save on space , Something like this if possible:

hdjrjhdhrirjririrhririrjhfirjrjjejejdj …

Currently using the boundless theme

2

Hi @Kelvinosaurus welcome to Shopify Community.

You need to manually edit the code of the theme. There is a specific Liquid command called truncate that you can use for this purpose

Input

{{ "Ground control to Major Tom." | truncate: 20 }}

Output

Ground control to...
3 
I tried searching the code but I couldn't find a theme liquid called truncate, would l have to add it?
4

You can use CSS code for it:
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
Hope it helps!

1 Like