Img tag

From Shopify Wiki

img_tag(url, alt="")

This filter creates an image tag, using the url parameter as image source (<img src="...>) and an optional second parameter as alt description of the image.

Example usage:

{{ 'smirking_gnome.gif' | asset_url | img_tag }}

This would render the image 'smirking_gnome.gif' from your asset folder.

In this case it could be something like:"<img src="/files/shops/32055/assets/smirking_gnome.gif" />"

To give the image a alt attribute, it has to look like this:

{{ 'smirking_gnome.gif' | asset_url | img_tag: 'Smirking Gnome' }}

This assigns the "alt" attribute to the img tag. This allows users who might have images turned off in their browsers or browsers using screen readers for accessibility reasons to be able to "see" the image attribute.

In this case the filter output would be: "<img src="/files/shops/32055/assets/shop.css" alt="Smirking Gnome" />"