Menu Close
    Start a Project Request quote Reading list Switch to dark mode
    prestashop-marketplace-mod

    Prestashop Product Image Zoom

    If you are an eCommerce store owner then product images are much important to you. And, the presentation of the product can only be improved by better product images. Another thing that can be done to improve the user experience of the customer is to provide features like ‘zoom-in’. Zoom-in feature will not only help customers to view products in greater detail but will also help them to decide better about their purchasing decision. Provide zoom-in feature on the product page with Prestashop product image zoom.

    The module integrates ‘zoom’ feature on your eCommerce store. This feature will be more helpful for eCommerce shops dealing in clothes, furniture, footwear, accessories etc.

    Features of Product Image Zoom

    • Show enlarged images of products.
    • Set zoom level for the lens.
    • Set the dimension of the zoomed image window.
    • Select the shape of the lens as rectangle, circle or rounded border.
    • Set border width of lens in pixels.
    • Select the border colour of the lens.

    How to install the module

    1. Go to Module Manager in Back office and click on ‘upload a module’.
    2. Now, Drag and drop the module file or select the file from the system.
    3. In this way, the module installation will be successful.

    How to Configure Product Image Zoom Module

    Configure module for a total of four zoomed image positions.

    Show zoomed image at following four positions namely

    • Right side of the image
    • Below the image
    • On the image itself
    • On the lens itself

    Let’s see the process to configure them one by one.

    Note: The configuration setting is same for 1st & 2nd options i.e for right side & below the image.

    1. Right Side of the image

    2. On the image itself

    3. On the lens itself

    Front-End Display with Image Zoom Feature

    Out of all the available four options, the first one is to show a zoomed image on the right side of the image.

    View of the product page with a zoomed image at right side of the product image.

    View of the product page with a zoomed image below the product image.

    The next option is used to show a zoomed image on the product image itself.

    View of the product page displaying a zoomed image on the product image.

    Another option is used to show a zoomed image on the lens only.

    You can select the shape of the lens from the following three options available in lens type:

    • Circle
    • Rectangle
    • Rounded Border

    View of the product page displaying a zoomed image on the circular lens.

    A view of the product page displaying a zoomed image on the rectangular lens.

    View of the product page displaying a zoomed image on the squircular lens.

    That was all about Prestashop Product Image Zoom & enhancement in the feature that can be attained with this module.

    Support

    For any kind of technical assistance, just raise a ticket at http://webkul.uvdesk.com and for any doubt contact us at support@webkul.com

    Current Product Version - 4.0.0

    Supported Framework Version - 1.7.x.x

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again
    Close

    Table of Content

    Hide Index