If you have a custom skin you have the ability to control the size of the zoomed images in the gallery. By default all of these images will zoom in to their maximum size.
Example gallery with multiple images
Example multiple image gallery zoomed
How to edit the zoomed image size
Editing the image size requires a custom skin and some coding knowledge. Please reference the following links to the Aleyant Skinning Documentation for specifics on each skin tag used.
Editing of the image gallery will be done within the productdetail.txt layout file
. In this file you should have two skin tags, PRODUCTSINGLEIMAGE_JSON and PRODUCTMULTIPLEIMAGES_JSON. One controls the gallery if there is only one image uploaded to the gallery and one controls the gallery for multiple images. Both skin tags will need to be updated for either scenario to have the zoomed image size needed.
In each of these skin tags look for this line of code
Here is where you change the zoomed image size. Here are 6 examples of arguments that can be used here for the sub skin tag.
We suggest that you use only the Large and XLarge arguments to get a proper enlarged size for your images.
If there is trouble with the quality of the zoomed images please make sure that the original product images that were uploaded art at least 150dpi and 800px on the shortest side, or larger.
Article ID: 390, Created: August 6, 2013 at 9:34 PM, Modified: December 11, 2019 at 12:21 PM