HOW TO adjust product title to always show only two ligne

hamzam1515 · October 2023

Hey, could you help me with this

1 can't find this option like in other theme: I want to see only two line in shop product to make them - perfectly aligned

2 - is it possible when click on product image to navigate to product single shop and not make it with 2 clicks specially for mobile many users not understood that they need to click 2 times on the photos to enter product page

thxs guys

Albert · October 2023

Hi,

Do you mean to cut text on list? If yes, are you talking about title, description or what? Would be great if you can provider further details including links.
For that you have to simply disable hover effect from images as, on mobile, first click trigger hover and 2nd link.

hamzam1515 · October 2023

Hey thanxs for the respond , so you resolve the probleme for the second point that great

now for the first point yes it about the text i will send you a Screenshot some product with difference in title lenght 2 ligne vs 1 ligne

how to fiw this kind of probleme ?

Capture d'écran 2023-10-19 133247.png

Albert · October 2023

Please send link to page where you got these products so we can have a closer look on it. And, you basically, wants all products titles to be in one line, no matter how long they are, right?

hamzam1515 · October 2023

yes exactly like thaht https://motif.tn/ this is my website thxs

Phil · October 2023

Hello,

Please try the following CSS code:

.products .product .title a{
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical; 
 overflow: hidden;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS, and let me know if it is what you want to achieve.

Best regards

HOW TO adjust product title to always show only two ligne

Comments