Hi,
Can anyone help with the following:
We want to add line breaks to some long product titles. When we add the following to the title field on a product page under Products:
Bramasole Olive Oil
(Twelve 500ml Bottles)
Standard Delivery
Things look great on our website (www.BramasoleOliveOil.com) where the product title appears. However, in some social media apps, the
code is visible.
Any way to add the line breaks without having the html appear?
Thanks.
1 Like
@Bramasole
sorry that issue can you try this code its work for my demo store
- Go to Online Store->Theme->Edit code
- Asset->/theme.css ->paste below code at the bottom of the file.
.grid-product__title.grid-product__title--body br {
display: none;
}
.grid-product__title.grid-product__title--body {
max-width: 240px;
margin: 0px auto;
}
@KetanKumar
Thanks for the reply. I implemented the code, but the
is still appearing in places like Facebook and Instagram. You can see an example here: https://www.facebook.com/commerce/products/4552172868206558/?ref=page_shop_tab&referral_code=page_shop_tab_card
This product catalog is controlled through Shopify.
Any other ideas?
Thanks.
1 Like
@Bramasole
no sorry shopify admin product title doesn’t allow to html tab
@KetanKumar
Thanks, Do you have a way to add line breaks in product title?
1 Like