Can I convert this to a full Shopify section?

Yes — paste your HTML into the HTML to Liquid Converter to generate schema, blocks, and scoped CSS automatically.

Metafields

Check Metafield Before Output

Avoids empty wrappers when a metafield has no value.

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: HTMLToLiquid Converter · Convert to Shopify section →

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.

Generate Shopify sections

Free AI-powered converter — OS 2.0 compatible output with schema validation.

Generate Shopify sections View examples

Related snippets

Generate Shopify sections