Product title is too long

Solved
Tourist
25 0 3

My product has too many titles displayed on the homepage. Can I change the code and set the title to 19 letters?
https://www.whicestyle.com/

David235_0-1606449812608.png

 

Shopify Partner
1161 191 472

Please provide website url and if your store is password protected then also provide password

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
Shopify Partner
3721 829 1040

@David235 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

h3.product-title>a{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

 

Hope this works. This is for the collection page.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes
Tourist
25 0 3

Didn't play any role,

0 Likes
Tourist
25 0 3

Website is on top

0 Likes
Tourist
25 0 3

Find the theme code:  product-grid-item.liquid ,Add in (<p class="product-item__title">{{ product.title) | truncate:19 This code 19 number represents the letter length of the name。
I did not find these codes

0 Likes
Shopify Partner
3721 829 1040

@David235 

You mean the above code is not working?

Did you tried to put that. Let me know.

Thanks!

 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes
Tourist
25 0 3
Yes, I tried, I didn't find that directory

##-请在此行上方输入您的回复-##
0 Likes
Shopify Partner
3721 829 1040

@David235 

See below, is it not correct ?

title.jpg

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes
Tourist
25 0 3

David235_0-1606460293997.pngDavid235_1-1606460335848.png

I found it and added the code, he caused the overlap to see picture 1

0 Likes