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

Image Picker Setting

Outputs an image from a section or block image_picker field.

Copy or embed this snippet

{% if section.settings.image != blank %}
  {{ section.settings.image | image_url: width: 800 | image_tag: loading: 'lazy', alt: section.settings.image.alt | escape }}
{% endif %}

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

Select Setting Condition

Using a dropdown select setting to change layout logic.

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