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 other our Magento modules
  • Enterprise: 2.x, 1.11.x - 1.14.x
  • Community: 2.x, 1.4.x - 1.9.x
  Rating: 5.0 (2 reviews)

Relied upon by Magento store owners, Magic Scroll has been the professional choice since 2011 for outstanding carousel 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 Scroll.

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

Key features

New versions support

All versions of Magento are supported (Enterprise: 2.x, 1.11.x - 1.14.x, Community: 2.x, 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 Scroll for Magento directly to your Admin panel.

Custom Templates

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

Responsive

Magic Scroll 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 Scroll caches resized images. Which means fewer image downloads.

Per page profiles

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

Bandwidth allocation

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

Multi language support

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

SEO friendly

Magic Scroll 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 Scroll Settings page.

jQuery compatibility

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

Custom themes support

If Magic Scroll 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 Scroll license is yours forever.

Live demos

Screenshots

  • Magento admin configuration page for Magic Scroll extension
  • Magento 2 admin configuration page for Magic Scroll extension
  • 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. 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.
  9. 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).
  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:

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

Pricing and licensing

1 site license£29Buy now
5 sites license£95Buy now
10 sites license£175Buy now
Unlimited license £399Buy now
Bundled license £899Buy now
Non-commercial license FreeRequest
Professional installation service (optional)£29Buy 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 🙂

Home page carousel

To create a scroll on your home 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.

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 1.x 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.

Customer reviews

  Rating: 5.0 (2 reviews)
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

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.