OpenCart Carousel Image Slider Addon

No coding required.

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

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

Supported pages & blocks

Latest block
Featured block
Bestsellers block
Specials block
Manual install elsewhere

OpenCart 3.x
OpenCart 2.x
OpenCart 1.5.x

Rating: 5.0 (1 reviews)

The user experience of your customers is crucial for your success. The customer should see the website's content in a convenient form to find and buy easily.

Our OpenCart slider module – Magic Scroll does exactly this. Use it on your product pages to show product thumbnails in a neat carousel, show sliders of product reviews or use it to upsell your other products! All-in-one tool!

Your text, images, or videos will look fabulous on any device thanks to Magic Scroll's responsive design. You can change the size, style, speed and behaviour of the slider at your discretion.

Improve the UX of your OpenCart store now – try Magic Scroll now.

Verified by OpenCart:
Read reviews of Magic Scroll on the official marketplace for OpenCart extensions.
Rating

Key features

All products in scrollable gallery

Show your whole product range smoothly with Magic Scroll. Upload any number of images and let your customers scroll them horizontally or vertically. Use various transition effects - scroll, carousel, etc.

Any OpenCart supported

We've been perfecting magic Scroll for 8 years, to make it compatible with any OpenCart version or theme. Try 4 beautiful scrolling effects: simple scroll; 3D carousel; cover-flow & animated. If it doesn't work with your OpenCart theme, our support team will fix the issue within 24 hours.

Works on every device

Magic Scroll works flawlessly on devices of any size and operating system. The user experience of your customers should remain perfect no matter their platform.

Speed and reliability

Magic Scroll is a JavaScript image slider, which makes it incredibly fast. Carefully optimised, it includes image caching, responsive design and touch gestures for mobile devices. Rely on it to work perfectly on all devices, with no jQuery or other frameworks required.

Screenshots

Installation

Download Magic Scroll for OpenCart (free and fully functional demo version).
Unzip the file on your computer and FTP the magicscroll folder to your OpenCart directory (on your server), keeping the file and folder structure intact.
Go to http://www.yoursite.url/magicscroll/ in your browser > click 'Install' (replace yoursite.url with your domain name.
Go to [Admin panel > Extensions > Modules] and install module.
Remain on [Admin panel > Extensions > Modules] and click 'Edit' by the Magic Scroll listing and enable module.
If you are using OpenCart 2.x go to [Admin panel > Modifications] and click 'Refresh' button.
Magic Scroll is now installed!
Customize the Magic Scroll module through the [Extensions > Modules > Edit] menu in your OpenCart admin panel.
Magic Scroll can be enabled on any page or section you choose.
Buy Magic Scroll To upgrade your free and fully functional trial 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:
```
catalog/view/javascript/magicscroll.js
```

If you run OpenCart inside Joomla using AceShop, please integrate Magic Scroll using the instructions below.

Download Magic Scroll for OpenCart (free and fully functional demo version).
Unzip the file on your computer and FTP the admin and catalog folders to the components/com_aceshop/opencart/ folder (on your server).
Go to [Admin panel > Components > AceShop > Dashboard > Extensions > Modules] and install module.
Go to [Admin panel > Components > AceShop > Dashboard > Extensions > Extension Installer] and install magicscroll.ocmod.xml file.
Go back to [Admin panel > Components > AceShop > Dashboard > Extensions > Modules] and click 'Edit' by the Magic Scroll listing and enable module.
Magic Scroll is now installed!
Customize the Magic Scroll module through the [Admin panel > Components > AceShop > Dashboard > Extensions > Modules > Edit] menu in your Joomla admin panel.
Buy Magic Scroll To upgrade your free and fully functional trial 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:
```
components/com_aceshop/opencart/catalog/view/javascript/magicscroll.js
```

If you run OpenCart inside Joomla using MijoShop, please integrate Magic Scroll using the instructions below.

Download Magic Scroll for OpenCart (free and fully functional demo version).
Unzip the file on your computer and FTP the admin and catalog folders to the components/com_mijoshop/opencart/ folder (on your server).
Go to [Admin panel > Components > MijoShop > Dashboard > Extensions > Modules] and install module.
Go to [Admin panel > Components > MijoShop > Dashboard > Extensions > Extension Installer] and install magicscroll.ocmod.xml file.
Go back to [Admin panel > Components > MijoShop > Dashboard > Extensions > Modules] and click 'Edit' by the Magic Scroll listing and enable module.
Magic Scroll is now installed!
Customize the Magic Scroll module through the [Admin panel > Components > MijoShop > Dashboard > Extensions > Modules > Edit] menu in your Joomla admin panel.
Buy Magic Scroll To upgrade your free and fully functional trial 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:
```
components/com_mijoshop/opencart/catalog/view/javascript/magicscroll.js
```

If you run OpenCart inside Joomla using jCart, please integrate Magic Scroll using the instructions below.

Download Magic Scroll for OpenCart (free and fully functional demo version).
Unzip the file on your computer and FTP the admin, catalog and system folders to the components/com_jcart/ folder (on your server).
Go to [Admin panel > Components > jCart > Modules] and install module.
Go back to [Admin panel > Components > jCart > Modules] and click 'Edit' by the Magic Scroll listing and enable module.
Magic Scroll is now installed!
Customize the Magic Scroll module through the [Admin panel > Components > jCart > Modules > Edit] menu in your Joomla admin panel.
Buy Magic Scroll To upgrade your free and fully functional trial 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:
```
components/com_jcart/catalog/view/javascript/magicscroll.js
```

Multiple images

Swapping between the main product image and thumbnail images is a standard feature of our OpenCart image zoom tools (Magic Zoom Plus, Magic Zoom & Magic Thumb). But what happens when you have lots of images for the same product? An easy way to keep thumbnail images contained is to use Magic Scroll.

Magic Scroll allows customers to scroll through each product image using arrows. It's the perfect way to keep any product page layout looking slick.

The example below shows Magic Zoom Plus combined with Magic Scroll:

To achieve this look, simply:

Install and buy Magic Zoom Plus for OpenCart.
Activate Magic Scroll option on the Magic Zoom Plus settings page in OpenCart.
To remove the Magic Scroll trial version message, buy discounted license from Magic Zoom Plus order page:
a) Log in to your Magic Toolbox Account.
b) Click 'Download/View' button next to your Magic Zoom Plus order.
c) Click orange button: Purchase Magic Scroll 35% discount (pay £18.85 instead of £29).
d) Follow payment process.
Download magicscroll.js file from your license and upload to /catalog/view/javascript/magicscroll.js on your server.
Clear browser cache. The 'Trial version' message will disappear.

Carousel in CMS area

Magic Scroll can work anywhere on your OpenCart store. Add this image carousel to any CMS page in minutes. Have a question? Let us know, we're here to help!

Go to the module options page: [Admin panel > Extensions > Magic Scroll].
Go to 'General' tab > 'Miscellaneous' section > 'Include headers on all pages' option > Click 'tick' > Save settings.
Go to 'Catalog > Information'.
Open existing page or create a new page.
Scroll down to 'Description' section > Click 'Code View' button.
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/"><img src="example1.jpg"></a>
<a href="/page2/"><img src="example2.jpg"></a>
<a href="/page3/"><img src="example3.jpg"></a>
<a href="/page4/"><img src="example4.jpg"></a>
</div>
```
(replacing example1, example2, example3, example4 with the names and locations of your images. Link each image to the page of your choice).
Save changes.
Customize Magic Scroll exactly how you want with detailed HTML instructions for changing the settings of your image carousel - mode, orientation, size, autoplay etc.

Uninstallation

Thanks for trying Magic Scroll on your OpenCart 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.

Go to [Admin panel > Extensions > Modules] and Uninstall module.
Go to http://yoursite.url/magicscroll/ in your browser and click 'Uninstall' (replace yoursite.url with your domain name).
If you are using OpenCart 2.x go to [Admin panel > Modifications] and click 'Refresh' button.
Delete the magicscroll folder from your OpenCart directory (on your server).
Magic Scroll is now uninstalled.

If you run OpenCart inside Joomla using AceShop, please uninstall Magic Scroll using the instructions below.

Go to [Admin panel > Components > AceShop > Dashboard > Extensions > Modules] and click 'Edit' by the Magic Scroll listing and disable module.
Remain on [Admin panel > Components > AceShop > Dashboard > Extensions > Modules] and uninstall module.
Magic Scroll is now uninstalled!

If you run OpenCart inside Joomla using MijoShop, please uninstall Magic Scroll using the instructions below.

Go to [Admin panel > Components > MijoShop > Dashboard > Extensions > Modules] and click 'Edit' by the Magic Scroll listing and disable module.
Remain on [Admin panel > Components > MijoShop > Dashboard > Extensions > Modules] and uninstall module.
Magic Scroll is now uninstalled!

FAQ

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

Magic Scroll for OpenCart

Rating: 5.0 (1 reviews)

May 282024

Great product and support

Just added Magic Scroll to a clients website to go alongside Magic Zoom Plus, does exactly what my client needed. Had a few questions about purchasing & installation and the support I received was very quick, clear and precise.

Rob, gibidi-uk.com

Submit your review

Thank you!
Your review has been received and will be posted soon.

Name:

Email:

Used only to verify your review is genuine.

Website:

Review Title:

Rating:

1 2 3 4 5

Review:

I've read and accept the Privacy Policy.

Other OpenCart modules

Try our other great image effects!

This JavaScript carousel module for OpenCart works on all major browsers including Internet Explorer, Firefox, Chrome, Safari and Opera. Use the software to smoothly slide images or text anywhere on your page. Perfect for special offers, related products, "customers who bought this also bought", multiple images and other product blocks.

Install this OpenCart module with the instructions above and contact us if you need any help.

Create other beautiful effects on OpenCart. Our OpenCart modules will make your site look fantastic.