Questions about ”Related Products” and ”Recently Viewed”

Let me ask in the ”Related Products” and ”Recently Viewed” sections at the bottom of a product post, if the product name is too long like the example I attached, is there a way to make it automatically go to the next line or have 3 dots to show the remaining content? And another problem is when the content of one side is longer and has to go to the next line, is there a way to make the other side also automatically increase the background so that both sides are equal, like in the picture, one side has a higher height than the other side?

Attachments:

You must be logged in to view attached files.

Hello,

Such could happen only if you have 1 long text, are you sure that your products will have such a title?

In general, if you have a normal title with different text, it will work well. Here is a screenshot – https://prnt.sc/vdH1s8KnvRB4

Let me know if you have any questions.

Kind Regards

Why when I try to name a long product, it goes beyond the background and doesn’t wrap to the next line like in your screenshot? plus the problem of the background of the product with long name it has a higher height than other products. is there any way to solve these 2 problems in the best way? Thank you very much

Attachments:

You must be logged in to view attached files.

Hello,

The issue occurs because the text is too long and there are no spaces to wrap onto a new line. So either add a normal title (shorten it or add spaces) or alternatively, to force long text to break onto new lines, use the following custom CSS:

.wd-product .product-wrapper {
    word-break: break-all;
}

Kind Regards

I understand so just add space and the problem is solved.

And the problem in the ‘recently viewed products’ section, the side with the short title has a shorter background than the side with the long title, is there any way to solve it. i see on the shop page, the product with the short title automatically increases the background to be equal to the side with the long title

Attachments:

You must be logged in to view attached files.

Hello,

The thing is that the “Small” product design does not support that feature so currently I suggest using the Grid style with another product style – https://prnt.sc/6kATntRVCklm . Current issue, I will send to the development team for consideration of implementing such a feature in the future.

Kind Regar

[Author]

Posts