Shopify themes, liquid, logos, and UX
omniahebeidart.com PW 1234
i am trying to get the line split between "size" and "medium" to specifically show up on the WORKS ON CANVAS and WORKS ON PAPER collections pages. i have tried adding <b/r> in the HTML product description - didnt fix my issue. Image attached for reference.
Hi @themaxwolf
You should try to add <br /> tag between "size" and "medium". Not <b/r> as your mention
Hello @themaxwolf Could you share store url? I will let you know the solution after check the url on myend
@themaxwolf Could you add code like this? Please let me know if it's not working on your-end.
{% assign parts = product.metafields.custom.specs | split: 'Medium:' %}
<div class="card__description">
{{ parts[0] }}<br>
Medium: {{ parts[1] }}
</div>
should I just add this at the bottom?
@themaxwolf you can add it instead of the product description.
So you can replace it like this:
{% assign parts = product.description | split: 'Medium' %}
<div class="card__description">
{{ parts[0] }}
{% if parts.size > 1 %}
Medium: {{ part[1] }}
{%%}
</div>
please find the card__description class and replace code like above.
Let me know if you need my help. I hope your working is well. Regards
Do I put that into the HTML code of the product?
This is what it gave me.
@themaxwolf No, I feel it's product card snippet on the PLP(Product list page). You need to find the product card liquid code on your project. It's PDP(Product detail page).
please remove code on the product.liquid.
Could you find the this part on your project? I feel it seems like "product-card.liquid" or ".... card.liquid" of the snippet folder.
Or You can find this snippet(it means like component) on collection page.
And then replace it instead of red box. Could you share your code if you find the snippet file?
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025