ExtensionsMall Zoom Tutorial - Settings Explained

ExtensionsMall Zoom Tutorial – Settings Explained

Configuration Options for SMDZoom extension

Main Image Size

In SMDesign Zoom configuration options, you can set the size ( image width , image height ) for your main image on product details page.

22-image-width-height-options-admin

And your main image will be resized to those dimensions.

23-image-height-width-public

More View Images Size and Behaviour

You can also control how more views images are handled on the product details page. Upload some additional images to your product first.

24-more-view-images-product-admin

Then go back to the SMDesign Zoom settings and switch on the option for more views images to update main image.

25-more-view-images-system-config

Now, by clicking on the more views images, more view image will be updated.

26-more-view-images-pubic

You can also specify the dimensions for the more view thumbnails.

27-more-view-image-size-admin

And more views thumbnails on the product details page will be resized to those dimensions.

28-more-view-image-size-public

Zoom Wrapper Size

You can also specify the wrapper dimensions for the zoom wrapper in SMDesign Zoom settings.

29-zoom-wrapper-size-admin

And zoom wrapper will be drawn in those dimensions on product details page.

30-zoom-wrapper-size-pubic

Zoom Ratio

You can also set the zoom ratio in SMDesign zoom settings page.

31-zoom-ratio-admin

You are enabled to modify how much magnification your zoom shows.

32-zoom-ratio-public 

Zoom Wrapper Offset

You can also control the positioning of the zoom wrapper my modifying the offset options in SMDesign Zoom settings.

33-zoom-offset-admin

And the zoom wrapper will be positioned accordingly on the product details page.

35-zoom-offset-public-modified

Zoom Types

There are three types of zoom available with the SMDesign Zoom extension for magento. The default one is the zoom outside where the zoom box appears next to the actual main image. The second zoom type is the zoom inside, where the zoom box gets drawn on top of the main image.

36-zoom-type-inside-admin

By setting the zoom type to inside, you’ll get this effect on the product details page.

37-zoom-type-inside-public

The third zoom type is the inside full, and it works by taking up the whole main image space and showing the magnified part of the image on top of the main image.

38-zoom-type-inside-full-admin

Set the zoom type to inside full and you’ll get this effect on the product details page.

40-zoom-type-inside-full-public-zoom-acitve

Zoom Preloader

You can also decide to switch on or off the “preloader” animation in SMDesign Zoom settings. The “preloader”animation is shown while the web page loads the images.

42-preloader-public

Share...Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPin on Pinterest

Leave a Reply

Your email address will not be published. Required fields are marked *