The image object represents a single image, such as an item of product.images or a variant.featured_image.

The image object has the following attributes:

image.src

Returns the URL of the image.

<img src="{{ image.src }}" alt="{{ image.alt }}">
			

image.id

Returns the unique ID of the image.

image.alt

Returns the alt text of the image.

image.type

Returns the type of the image.

Resizing an image

Use the img_url filter to request the image at a specific size instead of using image.src directly. Pass a size string such as 300x300.

<img src="{{ image | img_url: '300x300' }}">