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.

Practice in the converter workspace

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

Open converter workspaceBrowse learning examples