Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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
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 }}
Thanks, how can i return product image