Advanced Options
Color Swatch options described here are available in Magento administration System >> Configuration >> SMDesign ColorSwatch.
1. General Box – Option : Enable ColorSwatch
Change the dropdown (1) to Yes/No to enable/disable ColorSwatch extension.
When disabled, you’ll see the default Magento select box on your product page.
2. General Box – Option: Show Magento configurable option block
Use select box to set the option to Yes/No (1). If set it to Yes, default Magento select box will be shown in addition to color swatches.
3. General Box – Option: Swatch image width / Swatch image height
Set the Swatch image width (1) and Swatch image height (2) in pixels.
4. General Box – Option: Update More View images
Select Yes/No (1) from the select box to enable/disable the option. When set to No more view area won’t be updated when users select different swatches.
If the option is set to Yes, when users select different swatches, more view images will be updated accordingly.
5. Zoom Settings – Option : Enable Zoom
Turn Zoom On or Off by selecting Yes/No from the select box (1).
6. Zoom Settings – Option : Allow More View images to update Main image
If set to Yes(1) when users click on any of the more view images, the main image will be updated with the image from the more views. If set to No(1) default magento pop up will appear when users click on any of the more view images.
7. Zoom Settings – Option : Zoom Wrapper Width / Zoom Wrapper Height
Enter the width (1) and height (2) of the zoom box in pixels.
8. Zoom Settings – Option : Zoom Wrapper Offset Left / Zoom Wrapper Offset Top
Enter the width (1) and height (2) of the zoom box in pixels.
9. Zoom Settings – Option : Image Size Type / Zoom Container Width / Zoom Container Height / Zoom Ratio
If you want more control over the size of the main image and the zoom level, change the Image Size Type (1) option to Resize by using the container dimensions and zoom ratio. Set the Zoom container width (2) and height (3) in pixels, and enter the zoom ratio.
If you’d like more aggressive zoom, enter a new value in the Zoom Ratio setting (1).
10. Zoom Settings – Option: Zoom Type
ColorSwatch with Zoom extension comes with three build in zoom types: Outside, Inside and Inside full. The default is Outside (1).
You can change the zoom mode to Inside to get this effect:
Or inside full (1) to get this effect:
