Instead of returning "product.images" how to return "product.image #1", "product.image #2"

Store Design
1

Instead of returning “product.images” how to return “product.image #1”, “product.image #2” as individual URLs

–what I have–
INPUT
{% for image in product.images %}
{{ image | image_url: width: 300 }}
{% endfor %}

OUTPUT
https://cdn.shopify.com/s/files/1/1183/1048/products/boat-shoes.jpeg?v=1459175177&width=300
https://cdn.shopify.com/s/files/1/1183/1048/products/boat-shoes-back.jpeg?v=1425177&width=300
https://cdn.shopify.com/s/files/1/1183/1048/products/boat-shoes-bottom.jpeg?v=134351&width=300

-=-=-=-=-=-=-=

–what I need–
INPUT
{% call only for product.image #1 %}

OUTPUT
https://cdn.shopify.com/s/files/1/1183/1048/products/boat-shoes.jpeg?v=1459175177&width=300

INPUT
{% call only for product.image #2 %}

OUTPUT
https://cdn.shopify.com/s/files/1/1183/1048/products/boat-shoes-back.jpeg?v=1425177&width=300

1 Like
2

It makes sense to sanity check if an image actually exists before using but this should let you specifiy an image at an index.

{% assign specificImage = product.images[0] %}
{{ specificImage | image_url: width: 300 }}

--------------

{% assign specificImage = product.images[1] %}
{{ specificImage | image_url: width: 300 }}
1 Like
3

Thanks, how can i return product image