HTML to Liquid Converter

Cart

Empty Cart Check

Shows different markup when the cart has zero items.

Convert to sectionFull cheat sheet

Copy or embed this snippet

{% if cart.item_count == 0 %}
  <p>Your cart is empty.</p>
  <a href="{{ routes.all_products_collection_url }}">Continue shopping</a>
{% else %}
  <!-- cart items -->
{% endif %}

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

Related snippets

Cart Item Count & Total

Displays the total number of items and the total price of the cart.

Cart Items Loop

Loops through all items currently in the cart.

Cart Subtotal vs Total

Displays line totals; cart.total_price includes discounts where applicable.

Generate Shopify Sections

Free browser-based converter — OS 2.0 compatible output with schema validation. No signup required.

Paste HTML & Generate LiquidView examples