How to shorten product titles on homepage only in debut theme?

Store Design
, ,
1

Looking to shorten the product titles on my homepage but not the product page…

Wooow1481_0-1704145397452.png
Wooow1481_0-1704145397452.png1920×1080 231 KB

So I want the product titles to cut off with an eclipse on the homepage but not the product page, theme is debut

2

Hi @Wooow1481

Check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “theme. Liquid” file. Find the tag and paste the code below before the tag.

{% if template == 'index' %}

{% endif %}

And Save,

Result:

Before:

Made4uoRibe_0-1704152073767.png
Made4uoRibe_0-1704152073767.png1291×745 111 KB

After:

Made4uoRibe_1-1704152094618.png
Made4uoRibe_1-1704152094618.png1203×570 165 KB

I hope it help.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

Sorry, it did not work Im trying to get the titles to go from:

Organic Dual Extract Lion’s Mane Supplement Capsules | 90 Count | 1450mgs Dual Extracted | Memory and Focus

to

“Organic Dual Extract Lion’s Mane Supplement Capsules…”

but only on the homepage

4

Got it

{% assign title_parts = product.title | split: “|” %}

{% if title_parts.size > 1 %}
{% assign truncated_title = title_parts.first | append: ‘’ %}
{% else %}
{% assign truncated_title = product.title %}
{% endif %}

{{ truncated_title }}

In the product-card grid.liquid

Thanks ChatGPT xD

5

So this will append nothing everytime the code sees the “|” character. Really cool. Debut Theme