On Shopify

[p0rcupine]

Hi and congrats for this great script. Here comes my question.

A normal img tag:
<img src="product.png" data-at2x="product@2x.png">

However I have no idea how to use this data-at2x="product@2x.png on Shopify.
Link to the relevant resource on Shopify.

I understand this is something it has to do with Shopify, not with you, but any recommendation would help.

Thanks!

[jgnewman]

At first glance it looks like you'd need to do something like this:

{% for image in product.images %}
    <img src="{{ image.src  }}" data-at2x="{{ image.src | replace: '.png', '@2x.png' }}" />
{% endfor %}

If you're running into a problem where Shopify is appending all of your URLs with hashes, that'll be a bit more complicated as you'll have to somehow figure out what the URL is to each version of the image.

Let me know if that was helpful.

Thanks!