HikaShop Carousel Image Slider Extension

Works on these pages:

Product details page
Manual install elsewhere

HikaShop 5.x (Starter, Essential, Business), HikaShop 4.x (Starter, Essential, Business), HikaShop 3.x (Starter, Essential, Business), HikaShop 2.x (Starter, Essential, Business)

You'll often find an image zoom effect on product page images. But what if you want something a little different? Try Magic Scroll!

Instead of zooming images, scroll them. This HikaShop image slider extension offers 4 types of scrolling motion. Choose from the classic scroll; animated scroll; 3D carousel or cover-flow.

Display as many images as you want to promote a product. Customers can move forward/backwards thanks to the 'previous' and 'next' arrows which appear inside or outside the main image. Controlled using the Magic Scroll settings page, simply click and save your customization choices.

Download the free trial and add a twist to your product page design.

Prefer to be traditional? Install any of our 3 image zoom tools and combine with our image slider - Magic Scroll. As scrolling thumbnails is a popular feature on product pages, we include this functionality in all our HikaShop zoom plugins as an option.

Try for free: Magic Zoom Plus (zoom & enlarge); Magic Zoom (zoom) or Magic Thumb (lightbox).

Features you'll love...

Responsive
Instant loading
Improves SEO
Image caching
Extremely flexible
Automatically resizes images
Scrollable thumbnails

All templates supported
Instant watermarks for images
On-demand loading
Constantly updated
no jQuery required
Single payment and it's your forever

Download Magic Scroll component for HikaShop (free and fully functional demo version).
Upload zip file via your Joomla admin panel Extensions > Extension Manager > Browse File > Click 'Upload & Install'. Component will automatically enable.
The demo version is now installed!
Open the page Components > Magic Scroll for HikaShop to customize Magic Scroll as you wish.
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:
```
/media/mod_hikashop_magicscroll/magicscroll.js
```

Download Magic Scroll component for HikaShop (free and fully functional demo version).
Upload zip file via your Joomla admin panel System > Install > Extensions > Browse File. Component will automatically enable.
The demo version is now installed!
Customize Magic Scroll exactly how you want it to look on your Product page. Go to Components > Magic Scroll for HikaShop.
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:
```
/media/mod_hikashop_magicscroll/magicscroll.js
```

Module position

If you don't see Magic Scroll component working, please change the module position here: Administrator > Extensions > Modules manager > Magic Scroll module for HikaShop. If it still does not work, you may have an incompatible template. Please send us your FTP access details and login/password for your Joomla back-end and we will help you.

Multiple images

Swapping between the main product image and thumbnail images is a standard feature of our HikaShop 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 HikaShop.
Activate Magic Scroll option on the Magic Zoom Plus settings page in HikaShop.
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 /media/mod_hikashop_magiczoomplus/magicscroll.js on your server.
Clear browser cache. The 'Trial version' message will disappear.

Uninstallation

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

HikaShop 4 uninstallation
HikaShop 2.5 uninstallation

Go to: Extensions > Plugin Manager > Magic Scroll for HikaShop > Disable plugin.
Go to: Extensions > Extension Manager > Manage > Add tick in box next Magic Scroll for HikaShop > Click 'Uninstall' icon at top of page.
Magic Scroll is now uninstalled.

Go to: System > Manage > Extensions.
Search 'Magic Scroll' > Add tick in box next to Magic Scroll for HikaShop > Click 'Uninstall'.
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 HikaShop

Rating: 0 (0 reviews)

There are no reviews yet. Be the first!

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 HikaShop components

Try our other great image effects!

Options for customizing the carousel are explained in the integration guide. Choose your favorite options e.g. fading slideshow, scroll images, scroll text, pause on hover, show/hide arrows, fade in / fade out, and many more JavaScript and CSS settings. If you need any help, please contact us for free tech support and we'll solve your problem in no time.

This JavaScript carousel extension was built for HikaShop. Use it to easily slide multiple images or text anywhere on your page including 'bestsellers', 'recently viewed', 'newest' and other products blocks or homepage. The HikaShop extension is released under the GPL and the Magic Scroll is available to purchase as a commercial license from this website.