HTML to Liquid Converter

Conditions

Case / When

A switch statement for cleaner multiple-condition checks.

Convert to sectionFull cheat sheet

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: HTML to Liquid Converter · Convert to Shopify section →

Related snippets

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 browser-based converter — OS 2.0 compatible output with schema validation. No signup required.

Paste HTML & Generate LiquidView examples