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 |
---|---|
62 | |
52 | |
46 | |
39 | |
37 |
Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023Summary of EventsBeginning in January of 2023, some merchants reported seeing a large amo...
By Trevor May 15, 2023With 2-Factor Authentication being required to use Shopify Payments, we’re here to help yo...
By Imogen Apr 26, 2023