Works on these pages:

    • Product details page
    • Manual install elsewhere
  • VirtueMart 3.x.x
  • VirtueMart 2.x.x
  • VirtueMart 1.x.x
  Rating: 5.0 (1 reviews)

It's easy to add a VirtueMart product carousel to any product page. Great for displaying lots of product images or photos in a neat, elegant way.

This carousel module can scroll images left/right (horizontal) or up/down (vertical). It can show either one image or many images at a time.

Easy and flexible, you can control the speed, size and dimensions too. All easily managed via the Magic Scroll settings page.

Our VirtueMart carousel slider is responsive, so it'll perfectly fit any page and look great on mobiles and desktops alike. Not only for product pages, you can manually add scrolls to any page of your store. With a choice of 4 movements (3D, cover flow, scroll or animated) you can have a different visual effect on each web page.

The free trial of this VirtueMart image slider extension uses exactly the same functionality as the paid version so you won't miss out on any features. Install it today and see what a difference it makes to your website. Our friendly support team is ready to help with any questions you may have.

Features you'll love...

  • Responsive
  • Fast
  • SEO friendly
  • Image caching
  • Easy to customise
  • Auto image resizing
  • Scrollable thumbnails
  • Supports all templates
  • Watermarked images
  • On-demand loading
  • Regularly updated
  • jQuery compatible
  • One-off payment

Screenshots

  • Magic Scroll component for VirtueMart - Configuration for product/category
  • Magic Scroll component for VirtueMart - Edit the configuration

Installation

  1. Download the Magic Scroll component for VirtueMart 1.x.x or VirtueMart 2.x/3.x (free and fully functional demo version).
  2. Go to Extensions > Manage. In Upload Package File, select the zip file that you just downloaded and click Upload File and Install.
  3. Open the page Components > Magic Scroll to customize Magic Scroll as you wish.
  4. It is ready to use Happy
  5. 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/plg_system_vmmagicscroll/magicscroll.js

Module position

If you don't see Magic Scroll component for VirtueMart working, please change the module position here: Administrator > Extensions > Modules manager > Magic Scroll module for VirtueMart. 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 VirtueMart 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:

  1. Install and buy Magic Zoom Plus for VirtueMart.
  2. Activate Magic Scroll option on the Magic Zoom Plus settings page in VirtueMart.
  3. 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.
  4. Download magicscroll.js file from your license and upload to /modules/mod_virtuemart_magiczoomplus/core/magicscroll.js on your server.
  5. Clear browser cache. The 'Trial version' message will disappear.

Uninstallation

Thanks for trying Magic Scroll on your VirtueMart 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. Go to: Extensions > Plugin Manager > Disable plugin.
  2. Go to: Extensions > Extension Manager > Manage > Add tick in box next Magic Scroll for VirtueMart > Click 'Uninstall'.
  3. 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 (1 reviews)
Everything fine, I recommend!

Krzysztof, sportistyl.pl

Submit your review


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

Other VirtueMart components

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 VirtueMart. 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 VirtueMart component is released under the GPL and the Magic Scroll™ is available to purchase as a commercial license from this website.