Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Support thread for JcM simple image pan and zoom CE


Recommended Posts

A simple add-on to let you place product image on your product info page. It uses the main product image only and gives you the ability to Pan and Zoom on that image. Two versions are available (select the desired template file to run).

 

1) This has only one image and a zoom circle is moved around that same image to show zoomed in detail.

 

2) Two display boxs are show and a zoom box is used to show the zoomed in detail in second box as you pan around the first image.

 

You can play with the code in the template file if you need to change the sizes.

 

Again totally standalone with no core code change. Simply copy all files of the into relevant sections and go to admin modules /content and install.

 

That’s it Enjoy.

 

image.png.8026e472373e96c3bdaf0ed5c7a59d3b.png

 

Link to comment
Share on other sites

For those not happy with the default view, to change the new window zoom from this

image.png.e56f100bce80d771d48593e1c33ed0d6.png

To a side by side display like this,

image.png.682ef3c1f2b03d5faf7354dcc0f5c298.png

Just add this to your user.css

.img-zoom-result {
    float: right;
         top: -10px;
         left: 0px;        
}

 

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...