Making product title two lines

Solved
Highlighted
New Member
8 0 0

How can I make the title of a product two lines both in the collection and on the product's page? I want the product name to be on the top line and the color underneath it. This would be both in the collection page as well as the product's page. I am using the minimal theme. Attached are pictures of how it looks currently. Thank you!Screen Shot 2020-05-10 at 11.06.29 AM.pngScreen Shot 2020-05-10 at 11.06.38 AM.png

0 Likes
Highlighted
Shopify Partner
880 183 205

This is an accepted solution.

Hello,

Use this code in place of existing code

{{ product.title | replace:'-','<br>' }}

Basically this code will replace '-' to <br> tag and show results as you need.
Thanks

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
New Member
8 0 0

@Guleria I did this in product.liquid which worked, but now in the collection each product has "<br>" in the title. I attached a picture to show you.Screen Shot 2020-05-10 at 9.53.37 PM.png

0 Likes
Highlighted
Shopify Partner
880 183 205

This is an accepted solution.

For this, I have to check your store and find out solution.
Without that its not possible for me to guide you.
And if you want further help you can reach me through email and we will discuss further.
Thanks

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes