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.

Theme Settings

Select Setting Condition

Using a dropdown select setting to change layout logic.

Copy or embed this snippet

{% if section.settings.alignment == 'center' %}
  <div class="text-center">
{% else %}
  <div class="text-left">
{% endif %}

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

Global Theme Settings

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

Richtext Output

Outputs a richtext schema setting properly.

Block Settings

Reads values from an individual block inside a section loop.

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