Jump to content

Show full product name in Shop (Changing "truncate" didn't work)


Delizie Raggi 1920
 Share

Recommended Posts

Hi everyone, 

i have an issue that i can't solve. 

The thing is simple: i want the products name to be shown entirely in the Shop page or at least in 2 lines. I tried to change the truncate value already, increasing it and even deleting it eventually, but nothing worked. I did that in product.tpl and product-listgrid.tpl as well, just to be sure, but still the same problem. I also forced compile, without cache etc.

This is my website shop page: https://delizieraggi1920.it/4-shop

As you can see if the product name is too long it just truncates automatically with "..." . 

Having 2 lines in the product name, for example, would be awesome. I hope you can help me and if you need any other information just ask of course. Thanks in advance for everyone that will try to help!

Lorenzo

Edited by Delizie Raggi 1920 (see edit history)

Share this post


Link to post
Share on other sites

23 hours ago, endriu107 said:

You have text-overflow: ellipsis; thats why there is 3 dots.

Hi Endriu, thank you very much for the answer. I found This in the Theme/assets/css/theme.css:

 

.products .product-title {
  text-transform: capitalize;
  display: block;
  margin-bottom: 5px;
  color: #888888;
  font-weight: 500;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

 

I changed the text-overflow in clip and the white-space in normal and it worked!

Edited by Delizie Raggi 1920
i found a little improvement (see edit history)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More