Using the Module

The module adds a 'Detailed images' tab to the product editing pages in the Administrator Zone (Figure 3).

Figure 3: Empty 'Detailed images' tab

To add a detailed image to the product page, locate the product in the catalog, open the 'Product into' page and select the 'Detailed images' tab. In the 'Add Image' section on the page click on the 'Browse...' button and select the image file from the hard disk on your computer. The image file must be in GIF, PNG or JPG (JPEG) format. By default image files are stored in the database of your online store. To upload the image file to the 'images/' folder instead of placing it into the database, checkmark the corresponding 'Upload to file system' option. Click on the 'Add' button to upload the detailed image (Figure 4).

Figure 4: Adding a detailed product image

After the upload is complete, the newly added image appears in the screen (Figure 5). Note the thin border line around the image file. This border is used in the administrator interface for convenience only and will not be visible on the product details page in the Customer Zone. Images blend flawlessly with the matching background of your store catalog, GIF image files with transparency can also be used.

Figure 5: Image file added to the 'Detailed images' tab

You can specify additional parameters of the product's detailed image either at the time you add it to the store catalog or later on:

To modify the parameters of the detailed image, make the necessary changes and click on the 'Update' button underneath its definition.

To remove the detailed image, click on the corresponding 'Delete the image' button.