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

Article Metafield

Displays custom fields on blog posts—reading time, series, etc.

Copy or embed this snippet

{% if article.metafields.custom.reading_time != blank %}
  <span>{{ article.metafields.custom.reading_time }} min read</span>
{% endif %}

Embed this snippet on your blog or docs — attribution link appreciated: HTML to Liquid 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.

Check Metafield Before Output

Avoids empty wrappers when a metafield has no value.

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