Magic Scroll™ for Magento Magic Scroll™ for Magento Magic Scroll™ for Magento Magic Scroll™ for Magento Magic Scroll™ for Magento Magic Scroll™ for Magento Magic Scroll™ for Magento Magic Scroll™ for Magento
Scroll any text content.

and HTML content

Links

etc.

Practical. Simple. Perfect.

Images can link to other pages

  • Easy to install in just a few minutes.
  • Easy to customize too - speed, fade, slide, direction etc.

Features | Download

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
    • 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.14.x
  • Magento Community: 1.4.x - 1.9.x

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 extensions.
Rating

Key features

New versions support

All versions of Magento are supported (Magento Enterprise: 1.11.x - 1.14.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 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.

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

Magic Scroll™ for MagentoBon'a Parte Magic Scroll™ for MagentoPacific Peche Magic Scroll™ for MagentoThe Closet

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

Screenshots

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

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.

Upgrade

To upgrade your version of Magic Scroll™ (which removes the "Please upgrade" 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

Pricing and licensing

1 site license £29 Buy now
5 sites license £95 Buy now
10 sites license £175 Buy now
Unlimited license £399 Buy now
Bundled license £899 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 :)

Home page sliders & other pages

To create a scroll on your home page:
  1. Go to your admin panel > Magic Toolbox > Magic Scroll.
  2. In the tab for Homepage or custom block, identify the images you wish to scroll and click 'Upload files'.
  3. Save all changes.
  4. The scroll block should now display on your home page, before the main content area.
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>

Scroll on CMS pages

  1. On the extension settings page (General tab) set the 'Include headers on all pages' parameter to 'Yes'.
  2. Go to your admin panel > CMS > Pages. Add a new page or select an existing page, e.g 'Home 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 sliding 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 scroll.

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.

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.