The standard Shop Product Detail page uses an in-page pop-up to display multiple product images. You can easily replace this page with one that uses a zoom feature. The zoom feature also works well on mobile smart phones and tablets.
Replacement Instructions:
- Back-up your current shop_product_detail.php page use the Save Version feature on the Page Edit tool.
- Download the following files to your computer by righ-clicking and select Save Target As:
- Upload the .js file and .png file to your img/ folder using the File Library tool
- Replace the HTML Source for the shop_product_detail.php page with the HTML source from the shop_product_detail_zoom_v1.html file.
- Your product detail page now includes an image zoom on the main product image.
Important: If you have made any custom modifications to the layout of your product detail page, you will need to update the default zoom html with those same modifications.
