Product and Variant Objects

Access a product by handle from any template. Limited to 20 unique handles per page — use a collection or product list setting for more.

{{ all_products['classic-tee'].title }}

Core identifiers.

<a href="{{ product.url }}">{{ product.title }}</a>

The product type and vendor.

{{ product.vendor | link_to_vendor }}

Prices in cents (subunits). price equals price_min.

From {{ product.price_min | money }}

The lowest and highest compare-at prices across variants.

{% if product.compare_at_price_min > product.price_min %}On sale{% endif %}

true when variants have different prices or compare-at prices.

{% if product.price_varies %}From {% endif %}{{ product.price | money }}

The main image, all images, and all media including video and 3D. Prefer media in modern galleries.

{% for media in product.media %}{{ media | image_url: width: 800 | image_tag }}{% endfor %}

The product description (HTML). content is an alias.

{{ product.description }}

All variants of the product.

{% for variant in product.variants %}{{ variant.title }}{% endfor %}

true if at least one variant can be purchased.

{% unless product.available %}Sold out{% endunless %}

The alternate template assigned to the product, if any.

{{ product.template_suffix }}

The variant selected with the ?variant= URL parameter, otherwise nil.

{{ product.selected_variant.title }}

The selected variant, or the first available one. The standard default for product forms.

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

The collections the product belongs to, and its tags.

{{ product.tags | join: ', ' }}

Option names, and option names with their values — use the latter to build variant pickers.

{% for option in product.options_with_values %}
  {{ option.name }}: {{ option.values | join: ', ' }}
{% endfor %}

Core variant identifiers. Post variant.id to add to cart.

<input type="hidden" name="id" value="{{ variant.id }}">

The variant's price and compare-at price, in cents.

{{ variant.price | money }} <s>{{ variant.compare_at_price | money }}</s>

The image assigned to the variant.

{{ variant.image | image_url: width: 400 | image_tag }}

true if the variant can be purchased.

{% if variant.available %}Add to cart{% else %}Sold out{% endif %}

Whether Shopify tracks the variant's stock, and the quantity available.

{% if variant.inventory_quantity < 5 %}Only a few left{% endif %}

The variant's weight in grams — format with weight_with_unit.

{{ variant.weight | weight_with_unit }}

The variant's value for each product option.

{{ variant.option1 }} / {{ variant.option2 }}