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.

Conditions

Case / When

A switch statement for cleaner multiple-condition checks.

Copy or embed this snippet

{% case section.settings.color_scheme %}
  {% when 'dark' %}
    <div class="bg-black text-white">
  {% when 'light' %}
    <div class="bg-white text-black">
  {% else %}
    <div class="bg-gray-100">
{% endcase %}

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

If / Elsif / Else

Standard conditional logic.

Unless (If Not)

The opposite of 'if'. Executes if the condition is false.

Check if Blank

Liquid treats empty strings, false, and nil as falsy in conditionals.

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