By default, Joobi uses an opensource Bootstrap magnify script to handle the product zoom. If you want to use your own zoom script, you can trace below files;

Note: Always use Template override or theme cloning so that your changes will not be overridden after update.

Javascript
/joobi/node/catalog/js

CSS
/joobi/node/catalog/css

PHP File

  • Copy productgallery.php from /joobi/node/item/form/
  • Paste it in to [Your-Template]/joobi/blueprint/form/productgallery.php

We expect that you have enough coding skills to do the work. Any bug may arise due to your changes, product support is not provided.

We can also implement your product zoom for a customization fee.