Limit number of characters of the product title on a collection page - Enterprise Theme

Shopify Discussion

Topic summary

Goal: Limit product titles to 20 characters on collection pages (Enterprise theme) and adjust homepage font size for mobile without affecting desktop.

Key steps and proposals:

  • The helper requested the store URL; the OP shared https://ingcostores.com/.
  • Proposed approach for title limit: add a JavaScript snippet before the closing tag in theme.liquid to truncate product titles to 20 characters. Note: The actual code snippet is not visible in the shared content.
  • Outcome so far: OP thanked the helper; no explicit confirmation that the truncation works.

Follow‑up topic:

  • Mobile typography change: Keep desktop font size, reduce on mobile.
  • Proposed solution: Use CSS media queries targeting mobile viewports; add the CSS in a custom Liquid/HTML section on the homepage. Note: The exact CSS code is not visible in the shared content.

Status:

  • Guidance provided for both issues, but critical code snippets are missing in the excerpt. Resolution appears partial/ongoing pending implementation and confirmation.
Summarized with AI on December 16. AI used: gpt-5.
1

Hi. I hope you could help me. Could you please help me how to limit the number of characters of the product title to 20 characters on a collection page - Enterprise Theme ?

Your help is highly appreciated!! Thank you so much!!!

2

Hi @baynojayson ,

Could you kindly share your website URL so I can write the necessary code for you to embed on your site?

Best regards,

3

Hi Rohail Ali !

Thank you for your response . Here’s the website URL : https://ingcostores.com/

4

Hi,

You can use this code just before closing tag on theme.liquid file:

Best,

5

Wow! Thanks for your help!!!

6

You’re most welcome! Feel free to reach out if you need any further assistance with your Shopify store.

7

Hi Friend!

Do you have an idea on how to change the font size on home page for Mobile, but retain the size on desktop ? Really thanks for your help , I really appreciate it

8

Hi there,

Yes, you can use CSS media queries for mobile like this:

You can try adding a custom Liquid or HTML section to the homepage, then apply your CSS within the media query mentioned above.

Best Regards,