HTML to Liquid Converter

Conditions

Contains Operator

Checks whether a string or array includes a value.

Convert to sectionFull cheat sheet

Copy or embed this snippet

{% if product.tags contains 'featured' %}
  <span class="badge">Featured</span>
{% endif %}

{% if cart.attributes['gift'] == 'yes' %}
  <!-- gift wrap UI -->
{% endif %}

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.

Case / When

A switch statement for cleaner multiple-condition checks.

Practice in the converter workspace

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

Open converter workspaceBrowse learning examples