Does anyone know how to: Product Page Hover Zoom Image on Venture Theme

Highlighted
Tourist
6 0 2

I have found this guide to do this, however it's quite vague and isn't offering a bit clearer step by step.

I am decently skilled in implementing code edits, however, it's quite vague - http://www.jacklmoore.com/zoom/

Does anyone have an easier solution or can clarify a better step by step guide? - I am sure many would appreciate!

 

Thank you!

0 Likes
Highlighted
Shopify Partner
2472 129 406

@GentMen wrote:

I have found this guide to do this, however it's quite vague and isn't offering a bit clearer step by step.

I am decently skilled in implementing code edits, however, it's quite vague - http://www.jacklmoore.com/zoom/

Because that's not a guide for shopify themes in the least 

It's barely a guide for standard development, very loosely it's a developer overview of a library someone made and was nice enough to provide some usage instructions.. for developers.

So not only do you need step by step for normal pages you also need all the steps for a shopify theme integration. That's a lot of work. 

High level shopify steps:

  1. Download the library zip file
  2. find the main library file or the minifed version, AND it's requirements if any
  3. add to theme assets in the theme code editor
  4. reference the asset in the themes header for product pages either in theme.liquid or a product template
  5. Then start at the instructions in the libraries doc page to make the script you need swapping in the proper CSS selectors based on the theme or modify theme to match selectors.

 

If you need this customization I can be hired at paull.newton+shopifyforums@gmail.com 

Problem Solved? ✔️Accept and ? Like the solution so you can help others.
Buy me a coffee ☕ paypal.me/paulnewton or donate to eff.org
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
0 Likes