Shopify themes, liquid, logos, and UX
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
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024