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 Item Count & Total

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

Copy or embed this snippet

{{ cart.item_count }} items
{{ cart.total_price | money_with_currency }}

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

Cart Items Loop

Loops through all items currently in the cart.

Empty Cart Check

Shows different markup when the cart has zero items.

Cart Subtotal vs Total

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

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