Reading list Switch to dark mode

    Magento Category Page Image Transition

    Category Image Transition is very useful when your product have many flavors or do you want to display product internal structure.

    Features Of Magento Category Page Image Transition

    • Working well with all browser like chrome,firefox,ie etc.
    • Enable/disable image transition from admin for particular product.
    • Enable Product or External images for the transition from admin config.
    • Admin can add custom transition images for individual product.

    Installation Of Magento Category Page Image Transition

    Installation of the module is super easy you need to move the app and skin folder into Magento root directory.

    magento -root

    After moving both the folder flush the cache from Magento admin module. Under system >  cache management.

    cache

    Searching for an experienced
    Magento Company ?
    Read More

    After those primary steps, you just need to configure the module.

    How To Use Magento Category Page Image Transition

    After the installation of the Magento Category Page Image Transition, you just need to follow the given steps:

    1.Magento Category Page Image Transition is fully managed by admin, for applying image transition effect on products, just go to path admin panel->catalog->Manage Product->product->edit like in given screenshot.

    cat_img_trans_admin_proedit

    2.Now in product edit page, can set enable/disable status for showing category product image transition like.

    cat_img_trans_admin_status

    3. Now for image transition, need to add custom transition images from catalog product edit page like.

    cat_img_trans_admin_addimg

    4. Enable/Disable Quick View option from here and select Product image or External image option to transition images on the front end.

    Screenshot from 2014-08-21 18:34:30

    Magento Category Page Image Transition At Front End

    Now category product image transition settings are completed now can see transition on mouse hovering on that product in category product page like

    Screenshot from 2014-08-21 18:50:06

    To open Quick View dialog, click on quick view link.

    Screenshot from 2014-08-22 19:21:04

    That’s all for the base Magento Category Page Image Transition, still have any issue feel free to add a ticket and let us know your views to make the module better webkul.uvdesk.com

    Current Product Version - 1.0.0

    Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

    . . .
    Add a comment

    Leave a Comment

    Your email address will not be published.

    Be the first to comment.

    Back to Top
    Customer service rep Abhishek & developer Abhinav have been helpful in resolving a few issues with the app eShopSync for BigCommerce. Very responsive and timely.
    Mildred Shao
    Global Sales Ops & CRM
    www.lalamove.com
    Talk to Sales

    Global

    Live Chat

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content