Skip to content

Instantly share code, notes, and snippets.

@shopifypartners

shopifypartners/lazyloading-responsive-image.liquid

Last active July 29, 2019 09:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save shopifypartners/5ec96063cfaba7cffaa5b98aa209530f to your computer and use it in GitHub Desktop.
Save shopifypartners/5ec96063cfaba7cffaa5b98aa209530f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
lazyloading-responsive-image.liquid
<img id="Image-{{ image.id }}-{{ responsive_image_counter }}"
class="responsive-image__image lazyload {{ image_class }}"
src="{{ image | img_url: '300x' }}"
data-src="{{ img_url }}"
data-widths="[{{ image_widths }}]"
data-aspectratio="{{ image.aspect_ratio }}"
data-sizes="auto"
tabindex="-1"
alt="{{ image.alt | escape }}"
{{ image_attributes }}
>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment