HTML to Liquid Converter

Metafields

Check Metafield Before Output

Avoids empty wrappers when a metafield has no value.

Convert to sectionFull cheat sheet

Copy or embed this snippet

{% if product.metafields.custom.size_chart != blank %}
  <div class="size-chart">
    {{ product.metafields.custom.size_chart | metafield_tag }}
  </div>
{% endif %}

Embed this snippet on your blog or docs — attribution link appreciated: HTML to Liquid Converter · Convert to Shopify section →

Related snippets

Product Metafield

Outputs a custom metafield attached to a product.

Render Rich Text Metafield

Safely renders HTML from a Rich Text Metafield.

Collection Metafield

Outputs custom data attached to a collection.

Practice in the converter workspace

Draft OS 2.0 section output after you choose the right design pattern.

Open converter workspaceBrowse learning examples