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.

Cart

Cart Subtotal vs Total

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

Copy or embed this snippet

<p>Subtotal: {{ cart.total_price | money }}</p>
<p>Items: {{ cart.item_count }}</p>

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

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.

Empty Cart Check

Shows different markup when the cart has zero items.

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