Eagle Owl Previewer¶
The Eagle Owl Previewer add-on is a modern, easy to use viewer that allows you to see not only the main image but also the icons of the following images, zoom images and view them in the full screen mode on the product details page. The icons could be clicked to switch the main image via the mouse and also via the keyboard that increases the UX of your site. The image counter shows the number of the current image as well as the total images number of the product.
The The Eagle Owl Previewer add-on is fully responsive.
If you use Eagle Owl Previewer add-on with YouTube Video Gallery, YouTube videos will be shown right in the previewer pop-up.
Learn how to install the add-on, configure settings, and more by following quick and easy steps below.
- Ability to switch images via the mouse and the keyboard
- Ability to zoom images (including touch screen devices)
- Full screen mode for viewing images
- Ability to change the previewer pop-up size
- Displaying of the current image number and the total images number
- Ability to see icons of the following images
- Adaptability for RTL languages
- Ability to change icons and thumbnails size
The add-on is compatible with CS-Cart, CS-Cart Ultimate, Multi-Vendor and Multi-Vendor Ultimate 4.10 and above. PHP 7.0 and higher is required.
Don’t know what archive to download to install the add-on? Read here.
Install the Eagle Owl Previewer add-on on the add-ons list page (Add-ons → Manage add-ons). Click the + button in the top right corner, select an archive and click Upload & install. You can now find the installed add-on in the list of installed add-ons, just make sure it is set to Active.
Here are available settings of the Eagle Owl Previewer add-on.
- License key—Enter the license key to activate the add-on. You will receive this key in the order confirmation email. You can also see license keys for all your purchased add-ons in your HelpDesk account.
- Color for active element—Choose the color for active image and image in focus in the previewer. The color is set in RGB color system with transparency supporting.
- Icons size—Set the size of the icons in the viewer pop-up (could be chosen in the range 24 - 72 px).
- Thumbnails size—Set the size of mini images in the viewer pop-up (could be chosen in the range 30 - 150 px).
- Modal box size—Set the size of the previewer pop-up. The available variants are: Stretch to window size, Large, Small.
- Apply transition animation—If selected, animation for image switching is applied.
- Animation—Choose the effect for transition animation. The available variants are: Fade, Back Slide, Go Down, Scale Up.
- Apply image zoom—If selected, zoom for images is available.
- Use full screen mode—If selected, full screen mode for viewing images is available.
For IOS devices full screen mode is unavailable.
- [Esc] - Close pop-up
- [→] [↓] - View the next image
- [←] [↑] - View the previous image
- [Tab] - Switch focus to the next image
- [Shift + Tab] - Switch focus to the previous image
- [Enter] [Space] - View the element in focus
- [F] - View the image in full screen mode.