Skip to content

Instantly share code, notes, and snippets.

@shopifypartners

shopifypartners/image-zoom-add-styles.css

Created October 24, 2019 16:11
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/627ce875b1ee1513a0d48f59272d8e4c to your computer and use it in GitHub Desktop.
Save shopifypartners/627ce875b1ee1513a0d48f59272d8e4c to your computer and use it in GitHub Desktop.
Download ZIP
Add CSS for vanilla JavaScript zoom – https://www.shopify.com/partners/blog/jquery-image-zoom
Raw
image-zoom-add-styles.css
.image-container {
display: -ms-grid;
display: grid;
grid-gap: 30px;
-ms-grid-columns: 200px 30px auto;
grid-template-columns: 480px auto;
}
.image-details {
position: relative;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment