Knowledgebase: Site Design

How Do I Enable the Right Click Functionality on Product Images?

By default, you are not able to right click on Product Images when viewing a Product Listing page. This is due to the 3dzoom feature that allows for you to hover your mouse cursor over the image to zoom in for more detail. There is an alternative way to enable this functionality, however.

To start, you will need to access your store's HTML code for the Listing Page.

To do so if you have never accessed or modified the Listing Page:

  1. Go to Settings > Design > Themes & Styles
  2. Go to the Edit Template section and click on the Open Template Editor button
  3. On the Template Editor screen, go to the dropdown menu on the upper right and select templates/common-core
  4. On this screen, navigate to the listing_0.html file and click on it

If you have already accessed or modified the Listing Page:

  1. Go to Settings > Design > Themes & Styles
  2. Go to the Edit Template section and click on the Open Template Editor button
  3. On this screen, navigate to the listing_0.html file and click on it

Click on this file, and it will take you to its HTML code. When viewing this code, you will want to press CTRL+F on your keyboard and look for the following:

data-options="[zoom_options]"

When you find it, update it to:

data-options="rightClick:true; [zoom_options]"

After this is done, save your changes. You will now be able to right click on product images with 3dzoom enabled if done properly!

NOTE
You may need to clear your store cache if you do not see a change. See here for more information.


Help Desk Software by Kayako fusion