Magic Slideshow™ for Magento Magic Slideshow™ for Magento Magic Slideshow™ for Magento Magic Slideshow™ for Magento Magic Slideshow™ for Magento Magic Slideshow™ for Magento Magic Slideshow™ for Magento Magic Slideshow™ for Magento Magic Slideshow™ for Magento Magic Slideshow™ for Magento

Keep it simple, yet elegant.

Try a slow fade effect for a luxurious feel

  • Take it easy with the Ken Burns effect.
  • Works on all browsers and all mobiles too.

Features | Watch video | Download

No coding required.

Use your Magic Slideshow™ extension almost anywhere on your Magento site.

You can even apply different slideshow options to each page or block.

    Supported pages & blocks

    • Product details page
    • Home page
    • Recently viewed products
    • Manual install elsewhere
 

Supported features

  • Multiple images (uploaded with the default Magento image manager)
  • Multi-language (different locales)
  • Different configs for different themes
  • Show additional selectors on category page
  • Magento image clipped can be ignored
  • Native Magento watermarks
  • Can be used with other our Magento modules
  • Magento Enterprise: 1.11.x - 1.12.x
  • Magento Community: 1.4.x - 1.9.x

Relied upon by Magento store owners, Magic Slideshow™ has been the professional choice since 2009 for stunning slideshow effects.

This official Magento extension makes it easy to apply these effects to your pages. Even better - the extension gives you auto-caching, image resizing and SEO optimization as part of the dedicated Magento features.

With free new versions regularly released, your products will always look gorgeous with Magic Slideshow™.

Key features

New versions support

All versions of Magento are supported (Magento Enterprise: 1.11.x - 1.12.x, Magento Community: 1.4.x - 1.9.x). We update our modules as soon as a new version of Magento is released.

One click installation

Saves you time. Upload Magic Slideshow™ for Magento directly to your Admin panel.

Custom Templates

Choose position thumbnails appear (left, right, top, bottom). Your choice. Simply click option on Magic Slideshow™ Settings page.

Responsive

Magic Slideshow™ is responsive out of the box. Essential for multi-device adaptation.

Image resizing

Upload large version of product images (approx 800px). Magento will resize images automatically throughout your website.

Caching

Optimize your website. Magic Slideshow™ caches resized images. Which means fewer image downloads.

Per page profiles

Enable Magic Slideshow™ on different pages & sections of your Magento store. Even better, customize it differently in each section/page.

Bandwidth allocation

Control how Magic Slideshow™ initializes & loads images. Choose to activate on page load or on request.

Multi language support

Change Magic Slideshow™ message & loading text. Engage customers worldwide with the language they love.

SEO friendly

Magic Slideshow™ supports SEO Friendly URLs. Vital for website high ranking in search engines.

Watermarked images

Protect your images. Choose the position, opacity & size of your watermark.

Web settings

Say goodbye to manual configuration. Customize settings instantly using Magic Slideshow™ Settings page.

jQuery compatibility

Magic Slideshow™ requires no jQuery, 3rd party library or framework. Magic Slideshow™ is completely compatible.

Custom themes support

If Magic Slideshow™ doesn't work immediately on your site, email us and we'll add support for your theme (free of charge).

One-off payment

Pay once and the Magic Slideshow™ license is yours forever.

Live demos

Magic Slideshow™ for MagentoQuadrigae Zeus

Does your Magento site have a beautiful implementation of Magic Slideshow?Submit your URL

Screenshots

  • Default view of Magic Slideshow™ module settings page after installation
  • Custom settings for a new theme
  • Magic Slideshow™ extension for Magento settings page

Installation

    1. Download Magic Slideshow™ for Magento (free and fully functional demo version).
    2. Unzip the file on your computer and FTP the magicslideshow folder to your Magento directory (on your server), keeping the file and folder structure intact.
    3. Magento compiler disable before module installation If you use Magento Compiler, disable it System > Tools > Compilation > Disable.
    4. Magento module for Magento web installer Go to http://www.yoursite.url/magicslideshow/ in your browser > click 'Install' (replace yoursite.url with your domain name).
    5. Magento run compilation process If you use Magento Compiler, click 'Run Compilation Process'.
    6. Refresh Magento cache after when Magento installation is completed Go to System > Cache Management > Select All and refresh the cache.
    7. The demo version is now installed!
    8. Magento module for Magento settings page Customize the Magic Slideshow™ extension through the Magic Toolbox > Magic Slideshow™ settings > Default settings menu in your Magento admin panel.
    9. Activate Magic Slideshow™ module for Magento for different blocks and pages Magic Slideshow™ can be enabled on any page or section you choose.

Upgrade

To upgrade your version of Magic Slideshow™ (which removes the "Please upgrade" text), buy Magic Slideshow™ and overwrite following file with the same one from your licensed version:
/skin/frontend/[your_interface]/[your_theme]/js/magicslideshow.js

Pricing and licensing

1 site license £25 Buy now
5 sites license £75 Buy now
10 sites license £125 Buy now
Unlimited license £199 Buy now
Bundled license £599 Buy now
Non-commercial license Free Request
Installation service (optional) £29 Buy now
What's included?
  • Unrestricted use forever on 1/5/10/Unlimited sites.
  • Use any of our 20 extensions for super-easy installation.
  • 30 minutes of free technical support.
  • 1 year of free upgrades.
  • A little bit of Magic :)

Video tutorial

Home page slideshow

To create a slideshow on your home page:
  1. Enable Magic Slideshow on your Magento homepage Go to: Admin panel > Magic Toolbox > Magic Slideshow > 'Homepage or custom block' tab > Enable 'Magic Slideshow'.
  2. Manage Magento home page slideshow images Click 'Browse Files' and browse your computer for your set of slideshow images. Then, click 'Upload Files'. Your slides will appear.
  3. Add captions to each slide of your Magento home page slideshow If you wish, you can enter 'Title', 'Description' and 'Link' for each slide.
  4. Set Magento home page slideshow width and height To set a specific slideshow size, go to: 'Common Settings' section > Change Slideshow width (pixels) and Slideshow height (pixels) options.
  5. Save all changes.
  6. The slideshow will now display on your home page, before the main content area.

Custom block slideshow

You can create a slideshow anywhere else on your website as a custom block. To create a custom block, open this file:
app/design/frontend/[your_interface]/[your_theme]/layout/magicslideshow.xml
and alter this block:
<reference name="content">...</reference>
in this section of the file:
<cms_page>...</cms_page>

Slideshow on CMS pages

  1. Go to Magic Slideshow™ extension settings page: Admin panel > Magic Toolbox > Magic Slideshow > Edit Settings > Click 'Defaults' tab.
  2. Under 'General' section, set 'Include headers on all pages' parameter to 'Yes'.
  3. Go to your admin panel > CMS > Pages. Add a new page or select an existing page, e.g 'Home page'.
  4. On the 'Content' tab click on the 'Show/Hide Editor' button to disable the editor.
  5. Insert a slideshow anywhere in the code by adding a div with a class of MagicSlideshow and all your sliding images inside. The HTML will look something like this:

    <div class="MagicSlideshow">
    <img src="example1.jpg"/>
    <img src="example2.jpg"/>
    <img src="example3.jpg"/>
    <img src="example4.jpg"/>
    </div>
  6. Click 'Save Page'.
  7. Click 'Preview' to see your slideshow in action!
  8. See these detailed instructions for changing the options of your slideshow - thumbnails, headings, text, arrows etc.

Multi-language

You can change the language of the message and loading text like so:
  1. Find the locale folder for the language you wish to change e.g. /app/locale/en_US.
  2. Open the file Mage_Api.csv into the editor and insert these lines at the and of the file:

    "MagicSlideshow_Message","Write your message here"
  3. Continue these steps for each locale you wish to change.

Other Magento extensions

You have now added this JavaScript slideshow to your Magento home page or other page. We provide free support for all our software, if you would like help, please contact us.

An alternative to this Magento module is Magic Scroll, which can slide many images at one time. It is perfect for organising product images, showing off your bestsellers, new arrivals, latest news and related products.

You can set your slideshow to fade from one image to the next and change the fading time and fading slideshow duration. For more examples, please try the Magic Slideshow™ examples page.