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.

Product

First Available Variant

Gets the first variant that is currently in stock.

Copy or embed this snippet

{% assign current_variant = product.selected_or_first_available_variant %}
{{ current_variant.price | money }}

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

Product Title

Outputs the title of the current product.

Product Price Formatting

Formats the product price according to the store's currency settings.

Product Vendor & Type

Outputs the vendor (brand) and product type.

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