How to generate image URLs using product handle in a for loop?

Technical Q&A
1

I’m trying to create a for loop that list all the products in the collection and grabs the product handle and create a code that places the product handle in a url.

{% for product in collection %}
<img src="{{ product.handle | prepend: 'https://arturoagutierrez/img/' | append: '.jpg' }}" >
{% endfor %}

It comes out correct in the html code but the link does not make an image appear.

2

Very interesting! Did you find a solution? Did you check the browser console for any errors?