image_url
URL of an image at a size, served as WebP from the CDN.
Pass an image, or a product, variant, collection or line item (its first image). width alone returns the smallest pre-generated size at least that wide; height or crop return a signed, resized copy. Chain image_tag to get a responsive <img>.
Syntax
Section titled “Syntax”image | image_url: width: 800, height: 600, crop: 'center'Parameters
Section titled “Parameters”| Name | Type | Description |
|---|---|---|
width |
number | Width in pixels. |
height |
number | Height in pixels. |
crop |
string | center, top, bottom, left or right (with height or square). |
Returns
Section titled “Returns”string
Example
Section titled “Example”{{ product.featured_image | image_url: width: 720 }}https://cdn.sooquna.store/s/sample/abaya.jpgRelated
Section titled “Related”Compatibility
Section titled “Compatibility”Since theme platform 1.0.
Was this page helpful?