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.

Practice in the converter workspace

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

Open converter workspaceBrowse learning examples