HTML to Liquid Converter

Theme Settings

Block Settings

Reads values from an individual block inside a section loop.

Convert to sectionFull cheat sheet

Copy or embed this snippet

{% for block in section.blocks %}
  <div {{ block.shopify_attributes }}>
    <h3>{{ block.settings.heading }}</h3>
    <p>{{ block.settings.text }}</p>
  </div>
{% endfor %}

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

Related snippets

Global Theme Settings

Access settings defined in settings_schema.json (globally available).

Richtext Output

Outputs a richtext schema setting properly.

Select Setting Condition

Using a dropdown select setting to change layout logic.

Generate Shopify Sections

Free browser-based converter — OS 2.0 compatible output with schema validation. No signup required.

Paste HTML & Generate LiquidView examples