hiiiii
I would like to hide extra long names of my products on product card in homepage and hide the names into (…) this like brand Zara does with there products names. check the screenshot.
store url: https://5a3cf5-fc.myshopify.com/
Topic summary
A user wants to truncate long product names on their homepage product cards with ellipsis (…), similar to how Zara displays product titles.
Proposed Solution:
Another user provided CSS code to be added to the theme.liquid file above the </head> tag, which should limit product name display and add ellipsis for overflow text.
Current Status:
The original poster reported the CSS code didn’t work and requested further help. The helper then asked for collaborator access and store URL to investigate the issue directly.
Resolution:
Ongoing - the conversation moved to private messages for troubleshooting with store access.
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag
Result:
Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!
1 Like
hey @AnneLuo this code is not working, not changing anything. please help
If so, can you please send me your collaborator code and store URL with me? I will check it for you.
check your inbox please