word wrapping in product title

JohnJ
Explorer
59 1 21

Hi together,

I would like to do word wrapping within the product titles. Currently I'm using the HTLM tag <br/> .
My product titles look perfect now. But sadly this is causing a lot of problems.
Mainly because in other apps the HTML tags in the product title are visible. I.e. in upsell apps, or if I create image alt tags for pictures.

Does anyone know another solution to get a propper word wrapping within the product tiltes?
This is really a pain to me, so I hope there is someone out there that could help.
Thank you in advance!

my theme is: Brooklyn

0 Likes
dmwwebartisan
Shopify Partner
4570 1028 1321

@JohnJ 

I understand you need product title wrap but can you give me an example or a screenshot?

I will check the possibilites.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
JohnJ
Explorer
59 1 21

@dmwwebartisan 
Here is an example. I would like to seperate the

- name of the design
- the kind of product (i.e. premium t-shirt)
- if it's for men or wimen
- and the price

Thank you for taking a look.

For example:
This is what it should look like. And in my shop it looks like this (because of the HTML tags).

JohnJ_2-1612462616452.png
I realized it with HTML tags in the product titles.

JohnJ_0-1612465657095.png
Without HTML it looks like

JohnJ_0-1612465810334.png

dmwwebartisan
Shopify Partner
4570 1028 1321

@JohnJ 

Thanks for the explanation. I will check and get back to you.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
JohnJ
Explorer
59 1 21

@dmwwebartisan Do you still think there is a solution for this? Thank you

dmwwebartisan
Shopify Partner
4570 1028 1321

@JohnJ 

Sorry, I tried many ways but unfortunately, there can be some tricks but it is not reliable so those tricks won't work and how much code we change up to checkout and confirmation for the product title. So sorry it is not possible. Hope others can help you.

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
JohnJ
Explorer
59 1 21

@dmwwebartisan 

Thank you for your effort. I know this is a tricky one. I think I need to delete the HTML tags from the product titles.

I just wonder if everyone is OK with how it looks like without word wrapping. And that I'm the only one thinking that the product titles are looking messed up without word wrapping.

dmwwebartisan
Shopify Partner
4570 1028 1321

@JohnJ 

You can refer to the following thread to have some idea for wrapping the product title.

https://community.shopify.com/c/Shopify-Design/Making-Product-Titles-with-Multiple-Lines/td-p/222208

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App