Return to previous page

Product thumbnail title length – words are missing/cut..

This topic has 4 replies, 3 voices, and was last updated 3 years ago ago by Rose Tyler

tuijatuulia

Participant

November 5, 2021 at 13:47

I’m contacting you in regards to the way the product titles are visible on the shop page.

There is a way to alter it, showing a certain amount of lines or characters and we are using the line option, becase 1 line is perfect.

The problem is in the way it cuts the words. It only shows the words that fit fully on that line – that doesn’t really show the multi-part or longer product titles in a way that is informative.

Is there a way to change these options in more detail or somehow alter them to be more customizable? For example changing the available space for the title or as in the char-option, which shows “…” to show the title continues?

It looks like this now: https://prnt.sc/1yf9q62
(this product has a longer title: https://prnt.sc/1yfa7z1 )
The same happens in next version of theme too.

#307701 Copied Theme version: 8.0.7 WooCommerce version: 5.8.0

3 Answers
Olga Barlow

Support staff

November 5, 2021 at 16:40
Hello,

Try to add the below code to Theme Options > Custom CSS
```
.content-product .product-title a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
```
Regards
#307727 Copied
tuijatuulia

Participant

November 18, 2021 at 15:06

Thank you, this seems to work

#309137 Copied

Rose Tyler

Support staff

November 18, 2021 at 16:10

Hello,

You’re welcome!

Regards

#309150 Copied
Tagged: length, product, themes, thumbnail, title, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Product thumbnail title length – words are missing/cut..’' has been successfully resolved, and the topic is now closed for further responses

Product thumbnail title length – words are missing/cut..

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection