HTML Filters
HTML filters wrap assets in HTML tags. You should prefix with your theme name.
image_tag
Generates an image tag.
{{ 'sample/icon' | image_tag }}
# => <img alt="Icon" src="/assets/icon" />
{{ 'sample/icon.png' | image_tag }}
# => <img alt="Icon" src="/assets/icon.png" />
{{ 'sample/icon.png' | image_tag: size: '16x10', alt: 'Edit Entry' }}
# => <img src="/assets/icon.png" width="16" height="10" alt="Edit Entry" />
{{ 'sample/icons/icon.gif' | image_tag: size: '16' }}
# => <img src="/icons/icon.gif" width="16" height="16" alt="Icon" />
{{ 'sample/icons/icon.gif' | image_tag: height: '32', width: '32' }}
# => <img alt="Icon" height="32" src="/icons/icon.gif" width="32" />
{{ 'sample/icons/icon.gif' | image_tag: class: 'menu_icon' }}
# => <img alt="Icon" class="menu_icon" src="/icons/icon.gif" />javascript_include_tag
Generates a script tag.
Input
{{ 'sample/all.js' | javascript_include_tag }}Output
<script src="http://s-iw-frontend-statics.s3.amazonaws.com/assets/sample/all-6719d4b05595163f54485d324a4b42ca.js"></script>stylesheet_link_tag
Generates a stylesheet tag.
Input
{{ 'sample/all.css' | stylesheet_link_tag }}Output
<script src="http://s-iw-frontend-statics.s3.amazonaws.com/assets/sample/all-6719d4b05595163f54485d324a4b42ca.css"></script>