Reading list Switch to dark mode

    Magento Category Page Image Transition

    Updated 6 July 2016

    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.


    Searching for an experienced
    Magento Company ?
    Find out 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.


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


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


    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

    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

    . . .

    Leave a Comment

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

    Be the first to comment.

    Back to Top

    Message Sent!

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

    Back to Home

    Table of Content