No coding required.
Use your Magic Zoom addon almost anywhere on your PrestaShop site.
You can even apply different zoom options to each page or block.
- Product details page
- Category page
- Featured products block
- Viewed products block (sidebar)
- Manufacturers page
- New products page
- New products block
- New products block (sidebar)
- Bestsellers page
- Bestsellers block (sidebar)
- Bestsellers block
- Specials page
- Specials block (sidebar)
- Specials block
- Search page
- CMS pages
- Manual install elsewhere
Supported pages & blocks
- PrestaShop 1.0 - 1.7.x
Instantly make your PrestaShop product images look irresistible! This smooth image zoom lets shoppers glide over your products to reveal beautiful detail as they hover.
It's an elegant, sophisticated experience, which reflects on the quality of your products and your brand.
Easy to use, anyone can install this official PrestaShop addon on their store. After installation, choose the zoom settings you desire, from 40 options, to make it look exactly how you want.
It works anywhere you need it: Product pages, Category pages, Featured blocks, Search results and many other places on your PrestaShop website.
For an even better experience, choose the premium version: Magic Zoom Plus. It does everything that Magic Zoom does and it has a stunning full-screen enlarger too. You have to try it to believe it!
Verified by PrestaShop:
Read reviews of Magic Zoom on the official marketplace for PrestaShop addons.
Multiple beautiful images and videosYour customers can swap between many product images or videos by either clicking or hovering thumbnails. Show as many as you want! Your detailed zoom will appear on hover or click. Your choice.
Please customers on slow connectionsAll images are pre-cached, to help them download fast. For even faster download, choose to load images upon request, instead of on page load.
Looks perfect on every deviceNo matter what device and browser your customer uses, Magic Zoom has been refined to look great on each one. Apply different settings and text on mobiles if you wish.
Protect your images with watermarksEasily add watermarks to all your product images to discourage other people from stealing them. We tried to make this process extremely easy, it won't take you more than a minute to configure and start protecting your images.
Designed for solid SEORest easy knowing that your product images will be indexed by Google. Magic Zoom will help achieve your best search engine ranking, with SEO-friendly image URLs and high quality images.
- Download the PrestaShop module for Magic Zoom (free and fully functional demo version).
- Either upload it via your PrestaShop admin area. Or unzip the file on your computer and FTP the magiczoom folder to the /modules/ directory of your store, keeping the file and folder structure intact.
- Activate the module via the Modules menu Modules > Other Modules > Install.
- The demo version is now installed!
- Customize Magic Zoom as you wish.
- Magic Zoom can be enabled on any page or section you choose.
- Activate Magic Scroll to enjoy organised thumbnails on your product page: Modules > Modules > Magic Zoom > Configure > 'Product page' tab > 'General' section > Scroll thumbnails > Select 'Yes' > Save changes.
- A popular feature is to display product images & video. Do this via: Catalog > Products > [Your product] > 'Magic Zoom' tab > Enter your video url(s) > Save change.
Buy Magic Zoom
To upgrade your free and fully functional trial version of Magic Zoom (which removes the "Trial version" text), buy Magic Zoom and overwrite following file with the same one from your licensed version:
Swapping between many images is already a standard feature in Magic Zoom. But if you have lots of images, the page can look complicated.
Make your thumbnails look slick and organised with Magic Scroll for PrestaShop. It neatly contains the images adds arrows to slide between them. Example:
- Simply activate Magic Scroll on the Magic Zoom options page.
- To remove the "Please upgrade" text, buy a license and overwrite the /modules/magiczoom/magicscroll.js file with that from your licensed version.
PrestaShop users now receive 2 tools in 1: image zoom & video!
Product videos offer potential customers a clear demonstration of any product. Conveying an incredible amount of information very quickly. Videos are proven to increase likelihood to buy, spend longer on your site and spend more per order.
It's time to stand out from the competition and turn potential customers into actual customers.
- Make sure Magic Zoom is installed on your PrestaShop store.
- Open an existing product or create a new one.
- Click 'Magic Zoom' tab > Enter YouTube and Vimeo video url(s) > Save change.
- Refresh web page > Video(s) appear as thumbnails on product page.
- That's it!
To zoom some images and spin others on your product page (like the example above), you can install both Magic Zoom and Magic 360.
- Install the Prestashop module for Magic Zoom.
- Install the Prestashop module for Magic 360.
- Create a new product or open an existing one.
- Upload your zoom and enlarge images via the 'Images' section. Upload your 360 spin images via the 'Magic360' section (screenshot - ).
- Go to the module options page Admin > Modules > Modules > Magic Zoom > Configure.
- Go to 'Defaults' tab > General > Include headers on all pages > Click 'tick' > Save settings.
- Go to 'Preferences > CMS'.
- Open existing page or create a new page.
- Scroll down to 'Page content' section > Click 'Source code' button (a pop up box will appear).
Add zooming to any image on your CMS page by referencing the small and large images. Reference your small image with <img> and link it to your big image using the CSS class of "MagicZoom". Your code will look something like this:
<a href="big.jpg" class="MagicZoom"><img src="small.jpg"/></a>
- Click 'Ok' > Save changes.
- All HTML code for Magic Zoom settings are described here.
- Troubleshooting - if zoom does not appear and you're using PrestaShop16, please disable: Preferences > General > Use HTMLPurifier Library.
Do your products come in different colours or styles?
Magic Zoom supports PrestaShop product attributes out of the box.
Attributes are configured on a per-product basis. Each option can have multiple images assigned. Our demo example uses 4 images for each attribute.
Whether you choose radio, dropdown menu or swatch thumbnails - product attributes is a perfect way to show customers your product range.
Thanks for trying Magic Zoom on your PrestaShop site! What did you hope Magic Zoom could do? How can we improve it? Let us know, we're always improving our tools based on customer feedback.
- Deactivate Magic Zoom via the Modules and Services > Module and Services > Other Modules > Uninstall.
- Delete Magic Zoom via the Modules and Services > Module and Services > Other Modules > Delete.
- Magic Zoom is now uninstalled.
Cristina Borrego, luna13galeria.com
Submit your review
Your review has been received and will be posted soon.