Image Flipper Extension
Image Flipper Extension
Overview!After you install and configure Elsner's Image Flipper Extension, you will be able to see the alternate image i.e. flipper image of each product for which you have selected flipper image in product's image section while hovering mouse over products images in category pages as well as in search result page. This extension will work in category page & in search result page.
Installation!
It is highly recommended to backup your server files and database before installing this module No responsibility can be taken for any adverse effects it may cause. It is also recommended you install on a test server initially to carry out your own testing.
• Extract the zip file XJ-Imageflipper.zip to a local folder
• Copy the full folder /app/code/ to your /app/code/
• Copy the full folder /app/etc/ to your /app/etc/
• Copy folder /app/design/frontend/base/ or default or rwd as per your theme's adjustments to yours /app/design/frontend/base/ or default or rwd. RWD is the theme's folder which comes generally with magento 1.9 version onwards so if you have rwd as your current theme then please make a copy of rwd folder.
• Delete cache from admin panel or delete that from file system /var/cache
After placing the files, please follow the instructions given below :-
Go to admin panel System -> Configuration, find Product Alternate Image On Hover under XJ tab.
1) Enable Module? - Yes/No
2) Css Selector For Grid – You need to change here In case if you have different class in product grid. Default selector we have provided is - products-grid li img
3) Image Width On Hover For Grid - Adjust this as per your current theme's category page's product images width for grid mode. Default width we have provided is - 200px
4) Image Height On Hover For Grid - Adjust this as per your current theme's category page's product images height for grid mode. Default height we have provided is - 200px
5) Css Selector For List – You need to change here In case if you have different class in product list. Default selector we have provided is - products-list li img
6) Image Width On Hover For List - Adjust this as per your current theme's category page's product images width for list mode. Default width we have provided is – 200px
7) Image Height On Hover For List - Adjust this as per your current theme's category page's product images height for list mode. Default width we have provided is – 200px
Remember, you need to select Flipper Image in product's images section. That image will be appeared when you hover over products images in category page as well as search result page. If you do not provide flipper image for any product then that product's small image (which is by default) will be used & resized with respect to width & height you provide in admin panel flipper images configurations.
How to completely disable this module?
In worst case scenario if you want to completely disable this module then open this file app/etc/modules/XJ_Imageflipper.xml & find true & replace true with false like this false
