How to use images?

[tonyd256]

Problem

Sorry if this is a repost. I'm struggling simply using images. I've put them in the assets/images directory and in the assets/static as well as I've tried using src='{{ "image.png" | asset_url }}' and src="{{ '../assets/static/image.png' | asset_url }}". I've read through a bunch of issues and the wiki but still can't find a consistent working solution. I was able to get images inside the svg directory working by using src="{{ '../assets/svg/image.png' | asset_url }}", but it doesn't seem like this same concept works for all those directories.

More Information

I really like the idea of this tool but I'm struggling to understand it all. Hope to help contribute to make it better once I understand it.

[tonyd256]

So it turns out that src="{{ '../assets/static/image.png' | asset_url }}" does work BUT srcset="{{ '../assets/static/image.png' | asset_url }} 1x, {{ '../assets/static/image@2x.png' | asset_url }} 2x" does not work. I'm not sure why it would be different.

[loiic-v]

src="{{ '../assets/image.png' | asset_url }}" looks problematic to me too, I tried every possibility of path (absolute, relative) or filter (asset_url, asset_img_url).
Strangest thing is that it works well with .webp format but not with .jpeg or .png

[t-kelly]

Assets have been simplified in #850 and the change is now available in v1.0.0-beta.12

Docs that have also been updated:

• https://github.com/Shopify/slate/wiki/Slate-themes
• https://github.com/Shopify/slate/wiki/Template-and-layout-bundles
• https://github.com/Shopify/slate/wiki/Local-development

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.