I want to shorten the product name on homepage collection

Shopify Discussion

Topic summary

A user seeks help shortening product names displayed on their homepage collection but cannot locate the product card grid liquid file in their Shopify theme.

Initial Solution Provided:

  • Navigate to Shopify Admin → Online Store → Theme → Edit code
  • Locate the theme.liquid file
  • Insert custom CSS code above the </head> tag to truncate product titles

Follow-up Issue:
After implementing the solution, the user reports that product titles are overlapping on the mobile version.

Status: The support representative provided an additional code snippet to address the mobile overlap issue. The discussion appears ongoing as the user tests the mobile fix. The solution involves CSS modifications rather than editing liquid template files directly.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

Hello, im unable to find product card grid liquid on my store. Please help, my store link is: https://houseofcultura.in/

1 Like
2

Hi @Yash_8 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

BSSCommerceHDL_0-1724238444519.png
BSSCommerceHDL_0-1724238444519.png1910×898 285 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

3

Inside head section or before starting of head section?

1 Like
4

Hi @Yash_8 ,Pls insert it inside head section

1 Like
5

Hey, Just checked.. titles are overlapping in mobile version. How to fix that

1 Like
6

Hi @Yash_8 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like