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

Mirokuwu
Shopify Partner
16 2 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

Replies 2 (2)

Jason
Shopify Expert
11190 225 2283

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 }}
★ I jump on these forums in my free time to help and share some insights. Not looking to be hired, and not looking for work. http://freakdesign.com.au ★

1100904
Explorer
43 0 6

Thanks,  how  can i return product image

Here is Abesky Obas Online Stores