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
User | RANK |
---|---|
122 | |
92 | |
77 | |
71 | |
41 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022