Skip to content

Instantly share code, notes, and snippets.

@shopifypartners

shopifypartners/image-zoom-add-markup.liquid

Created October 24, 2019 16:00
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/291554ec8335dc95b3a712dbc5bab2aa to your computer and use it in GitHub Desktop.
Save shopifypartners/291554ec8335dc95b3a712dbc5bab2aa to your computer and use it in GitHub Desktop.
Download ZIP
Add markup for featured image with JavaScript zoom – https://www.shopify.com/partners/blog/jquery-image-zoom
Raw
image-zoom-add-markup.liquid
<div class=”image-container”>
<img class=”image-zoom” src=”{{ featured_image | img_url: '480x480' }}” alt="{{ image.alt | escape }} data-zoom="{{ featured_image | img_url: '1024x1024', scale: 2 }}>
<div class="image-details"></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment