Product title is too long

[David235]

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/

[paramSoft]

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

[dmwwebartisan]

@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!

[David235]

Didn't play any role,

[David235]

Website is on top

[David235]

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

[dmwwebartisan]

@David235 

You mean the above code is not working?

Did you tried to put that. Let me know.

Thanks!

[David235]

Yes, I tried, I didn't find that directory

##-请在此行上方输入您的回复-##

[dmwwebartisan]

@David235 

See below, is it not correct ?

[David235]

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