HTML to Liquid Converter

Product

Featured Product Image

Renders the product's main image using modern Shopify image filters.

Convert to sectionFull cheat sheet

Copy or embed this snippet

{% if product.featured_image %}
  {{ product.featured_image | image_url: width: 1200 | image_tag: loading: 'eager', alt: product.featured_image.alt | escape }}
{% endif %}

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

Related snippets

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.

Generate Shopify Sections

Free browser-based converter — OS 2.0 compatible output with schema validation. No signup required.

Paste HTML & Generate LiquidView examples