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

Line Item Variant Title

Shows the variant name (e.g. Size M / Color Black) for each cart line.

Copy or embed this snippet

{% for item in cart.items %}
  <p class="line-item__variant">{{ item.variant.title }}</p>
{% endfor %}

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.