No coding required.

Use your Magic Scroll extension almost anywhere on your Magento site.

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

    Supported pages & blocks

    • Product details page
    • Home page (Magento 1.x)
    • Recently viewed products (Magento 1.x)
    • CMS pages (Magento 1.x)
    • 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 our other Magento modules
  • Enterprise: 2.x, 1.11.x - 1.14.x
  • Community: 2.x, 1.4.x - 1.9.x
  Rating: 5.0 (5 reviews)

The rock solid Magento platform let's you show an unlimited number of images per product. That's good news because studies repeatedly show that websites with more product images get higher conversions. But displaying so many product images on one page can look messy.

This elegant image scroller extension will keep your Magento product images looking fabulous. You will avoid having a cluttered page. Instead, you can show any number of images, neatly accessible in an image slider.

It works on mobiles, tables and desktops, in every browser. It's totally customizable, so you can choose the size, style, speed and behaviour to suit your page. All easily done in seconds via the Magic Scroll extension settings page.

Use it wherever you need. Not just the product page but also on category pages, the home page, the search results page, bestsellers and anywhere else where a cool image slider is needed. Start now - download the free trial version today.

Verified by Magento:
Read reviews of Magic Scroll on the official marketplace for Magento 1.x and Magento 2 extensions.
Rating

Key features

Works with all versions of Magento

Magic Scroll works flawlessly with every Magento version: Magento 1.x CE and EE, Magento 2.x CE and EE. Get started with Magic Scroll in minutes!

Custom settings per page

Place image carousels on all kinds of pages and blocks. Each location can have its own settings, easily configured with 16 popular options.

Cached for fast loading

Smart image caching keeps your images ready to be quickly served, for a fast experience.

Brand your images

Easily add your logo or watermark to images. Brand images as your own and protect them from copyright theft.

Go the extra mile in Google

SEO-friendly URLs mean your images will always be spidered by Google, to help bring you new visiors.
Go the extra mile in Google

Live demos

Screenshots

  • Magento admin configuration page for Magic Scroll extension
  • Magento 2 admin configuration page for Magic Scroll extension
  • Activate Magic Scroll on your Magento 2 category pages
  • Magento 2 admin configuration page for Magic Scroll extension

Installation

  1. Download Magic Scroll for Magento (free and fully functional demo version).
  2. Unzip the file on your computer and FTP the magicscroll 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/magicscroll/ 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 Scroll extension through the Magic Toolbox > Magic Scroll settings > Default settings menu in your Magento admin panel.
  9. Activate Magic Scroll module for Magento for different blocks and pages Magic Scroll can be enabled on any page or section you choose.
  10. Buy Magic Scroll To upgrade your version of Magic Scroll (which removes the "Trial version" text), buy Magic Scroll and overwrite following file with the same one from your licensed version:
    /skin/frontend/[your_interface]/[your_theme]/js/magicscroll.js
  1. Download Magic Scroll for Magento 2 (free and fully functional demo version).
  2. Unzip the file on your computer and FTP the 'app' folder to your Magento directory (on your server), keeping the file and folder structure intact.
  3. Login to your Magento admin (as an administrator).
  4. Magento 2 web setup wizard Go to System > Web Setup Wizard in the menu.
  5. Magento 2 component manager Click the Component Manager link.
  6. Enable Magic Scroll in Magento 2 admin Find the magictoolbox/magicscroll component in the list and select the Enable action.
  7. Complete Magic Scroll installation in Magento 2 admin Follow the instructions in the wizard until the process is complete (you will see a 'Success' message).
  8. The demo version is now installed.
  9. Customize Magic Scroll for your Magento store Customize Magic Scroll settings to suit your needs - go to the [Magic Toolbox > Magic Scroll] menu in the Magento admin panel.
  10. If you need help, please send questions to our support team. Include your page URL and if you'd like us to make changes, a login to your Magento admin. We reply to every email as quickly as possible (Monday-Friday, 9am-5pm UTC).
  11. Buy Magic Scroll

    To upgrade your version of Magic Scroll (which removes the "Trial version" text), buy Magic Scroll and overwrite following file with the same one from your licensed version:

    app/code/MagicToolbox/MagicScroll/view/frontend/web/js/magicscroll.js
  1. Download Magic Scroll for Magento 2 (free and fully functional demo version).
  2. Unzip the file on your computer and FTP the 'app' folder to your Magento directory (on your server), keeping the file and folder structure intact.
  3. Activate module from command line:

    #List all modules
    php -f bin/magento module:status
    #Enable Magic Scroll module
    php -f bin/magento module:enable MagicToolbox_MagicScroll --clear-static-content
    #Run database installation upgrades
    php -f bin/magento setup:upgrade
    #Remove previously compiled classes
    rm -rf var/generation
    #Compile (only needed in Production Mode)
    php -f bin/magento setup:di:compile
    #Deploy Static Content (only needed in Production Mode)
    php -f bin/magento setup:static-content:deploy
                    
  4. The demo version is now installed.
  5. Customize Magic Scroll for your Magento store Customize Magic Scroll settings to suit your needs - go to the [Magic Toolbox > Magic Scroll] menu in the Magento admin panel.
  6. If you need help, please send questions to our support team. Include your page URL and if you'd like us to make changes, a login to your Magento admin. We reply to every email as quickly as possible (Monday-Friday, 9am-5pm UTC).
  7. Buy Magic Scroll

    To upgrade your version of Magic Scroll (which removes the "Trial version" text), buy Magic Scroll and overwrite following file with the same one from your licensed version:

    app/code/MagicToolbox/MagicScroll/view/frontend/web/js/magicscroll.js

Home page carousel

Magento 1.x stores

Add a slider to your Magento 1.x home page with the easy-to-use Homepage or custom block dedicated settings page:

  1. Go to Magic Toolbox > Magic Scroll settings > Default settings menu.
  2. Enable Homepage or custom block section.
  3. Select Browse files and browse your computer for your set of carousel images > Click Upload files > Save changes.
  4. Your carousel is now working! The scroll block will now display on your home page, before the main content area.
  5. To set a specific carousel size, change Scroll width (pixels) and Scroll height (pixels) options.
  6. Enjoy 20 carousel customizations. Try them all and see which works best for your site.

Magento 2 stores

There is no dedicated home page settings page for Magento 2 but you can still create amazing an amazing slider on the homepage of your store using HTML.

In your in the home page content area or template, create a div with a class of MagicScroll. Sliders can have as many images as you want. Here is a scroll of 7 images, each linking to a URL:

<div class="MagicScroll">
    <a href="/page-1/"><img src="example1.jpg"/></a>
    <a href="/page-2/"><img src="example2.jpg"/></a>
    <a href="/page-3/"><img src="example3.jpg"/></a>
    <a href="/page-4/"><img src="example4.jpg"/></a>
    <a href="/page-5/"><img src="example5.jpg"/></a>
    <a href="/page-6/"><img src="example6.jpg"/></a>
    <a href="/page-7/"><img src="example7.jpg"/></a>
</div>

Customize the slider as you wish using Magic Scroll's HTML settings.

Custom block carousel

You can use a custom scroll block to create sliders on another page instead of your homepage. To create a custom scroll block, open this file:

app/design/frontend/[your_interface]/[your_theme]/layout/magicscroll.xml

and alter this block:

<reference name="content">...</reference>

in this section of the file:

<cms_page>...</cms_page>

CMS page carousel

Add an image carousel to any CMS page on your Magento store:

  1. On the Magic Scroll extension settings page, set the 'Include headers on all pages' parameter to 'Yes' (under the Defaults settings tab).
  2. Go to your admin panel > CMS > Pages. Add a new page or select an existing page.
  3. On the 'Content' tab click on the 'Show/Hide Editor' button to disable the editor.
  4. Insert Magic Scroll anywhere in the code. It requires a div with a class of MagicScroll and all your carousel images inside. For example:
    <div class="MagicScroll">
    <a href="page1.html"><img src="example1.jpg"/></a>
    <a href="page2.html"><img src="example2.jpg"/></a>
    <a href="page3.html"><img src="example3.jpg"/></a>
    <a href="page4.html"><img src="example4.jpg"/></a>
    </div>
    
  5. Click 'Save Page'.
  6. Click 'Preview' to see your scroll in action!
  7. Visit the detailed instructions for changing the options of your carousel - mode, orientation, size, autoplay 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:
  3. Continue these steps for each locale you wish to change.

Uninstallation

Thanks for trying Magic Scroll on your Magento site! What did you hope Magic Scroll could do? How can we improve it? Let us know, we're always improving our tools based on customer feedback.

  1. If you use Magento Compiler, disable it System > Tools > Compilation > Disable.
  2. Go to System > Cache Management > Select All and disable the cache.
  3. Go to http://your.site.url/magicscroll/ in your browser and click 'Uninstall' (replace yoursite.url with your domain name).
  4. If you use Magento Compiler, click 'Run Compilation Process'.
  5. Go to System > Cache Management > Select All and refresh / enable the cache.
  6. Delete the magicscroll folder from the root of your Magento directory (on your server).
  7. Magic Scroll is now uninstalled.
  1. Login to your Magento admin (as an administrator).
  2. Go to System > Web Setup Wizard in the menu.
  3. Click the Component Manager link.
  4. Find the magictoolbox/magicscroll component in the list and select the Disable action.
  5. Follow the instructions in the wizard until the uninstallation process is complete.
  6. Magic Scroll is now uninstalled.

FAQ

  1. Can I change background colour of carousel?

    Yes! By default, the Carousel & Cover-Flow modes use a grey/black background colour. You can change the Hex Colour to anything you want. With over 16,000 hex colours available, you'll be spoilt for choice. Simply add the CSS code you need to the Magic Scroll CSS file.

    Carousel background

    .MagicScroll[data-mode="carousel"] {
        background-color: <your-colour>;
    }
    

    Cover-flow background

    .MagicScroll[data-mode="cover-flow"] {
        background-color: <your-colour>;
    }
    

Customer reviews

  Rating: 5.0 (5 reviews)
Great Support
Had an issue with an error after installation, support was quick to respond with a solution.
Also answered a few questions we had to follow up.
These extensions have so many features that you are spoiled for choice.
Recommended.

Max Q Designs

Magic Scroll and Customer Service
The Magic suite of components really was a joy to work with. Having had a few bad experiences with installation of various components and modules from other suppliers I was not looking forward to installing the trial versions. It was so simple, download -> unzip -> ftp to site -> go to the install URL -> click install...done.
Customer Service was excellent, they asked what my needs were and advised me based on their knowledge and experience. It actually saved me money, you don't find that very often these days.
A special thanks to Paula for the ultra fast responses and top notch advise.

Andy

Thank you
Magic scroll is usefull and nice. Thanks for this great product

Marie, peche-en-riviere.fr

Great Product
Absolutely love the magic scroll. Was easy to install and easy to use. Their customer service is quick to respond if you have any questions.

Lauri Abeyta, north40.com

Perfect
Excellent extension, Incrediable Support, Flawless Implementation

Siddharth, stellastoffa.com

Submit your review


Thank you!
Your review has been received and will be posted soon.
Used only to verify your review is genuine.

Other Magento extensions

[if product="magiczoomplus"] [/if-product]

This JavaScript carousel extension has been created for use on Magento. The script lets you choose how many images to show, the speed, the duration of the carousel, direction (top, right, bottom, left) and links to other pages. It uses CSS to control borders, colors, padding, margin and the arrows.

Perfect for showing related products, recently viewed items, new products, "people who bought this also bought". Also ideal for scrolling lots of alternative images of a product - it saves space, looks neat and tidy, feels great to use.

The Magento module is built with JavaScript and CSS. Contact us if you need any help with it.