Magic Slideshow for Volusion

Live demos

Lillian Rose The Able Label Sock 101

Installation

1. Download Magic Slideshow (free and fully functional demo version).
2. Unzip the file on your computer and FTP the magicslideshow folder to the root of your website (on your server), keeping the file and folder structure intact.
3. In your Volusion admin panel, go to the Design > Template menu and click the Edit HTML link.
4. 

   Insert the following lines before the </head> tag:

   <link href="/v/magicslideshow/magicslideshow.css" rel="stylesheet" media="screen">
   <script src="/v/magicslideshow/magicslideshow.js"></script>
   
   

5. Using FTP, create an 'images' folder inside the 'magicslideshow' folder. Then upload your slideshow images to the new 'images' folder.
6. 

   Go to: Admin > Design > Site Content > ID 2 > Default.asp > Article Body > HTML view. Enter HTML code below. Remember to reference your slideshow images located on your server:

    <div class="MagicSlideshow">
    <img src="/v/magicslideshow/images/example1.jpg">
    <img src="/v/magicslideshow/images/example2.jpg">
    <img src="/v/magicslideshow/images/example3.jpg">
    </div>
   

   Note: Please don't use the Visual Editor for editing content which contains Magic Slideshow code as editor may break Magic Slideshow HTML code.

7. Now your images should slide!
8. You can customize your slideshow (Ken Burns, fade, bullets + more) using HTML code from the Magic Slideshow™ integration page.
9. Buy Magic Slideshow To upgrade the Magic Slideshow trial (which removes the red text shown on every image), buy a Magic Slideshow license. Then overwrite the demo magicslideshow.js file with the one from your license.

Customization

Easily change your Magic Slideshow design, layout and styling like so:
1. Go to the Magic Slideshow settings wizard.
2. Choose the settings you want and click Apply settings.
3. Click Global Settings and then click Copy to clipboard.
4. Paste the code into your Volusion page before the </head> tag.
5. That's it!

Uninstallation

Thanks for trying Magic Slideshow on your Volusion site! What did you hope Magic Slideshow could do? How can we improve it? Let us know, we're always improving our tools based on customer feedback.

1. In your Volusion admin panel, go to Admin > Design > Site Content > ID 2 > Default.asp > Article Body > HTML view. Delete HTML code below which references your slideshow images located on your server:

    <div class="MagicSlideshow">
    <img src="/v/magicslideshow/images/example1.jpg">
    <img src="/v/magicslideshow/images/example2.jpg">
    <img src="/v/magicslideshow/images/example3.jpg">
    </div>
   

2. Go to: Design > Template menu and click the Edit HTML link.

3. Delete the following lines from before the </head> tag:

   <link href="/v/magicslideshow/magicslideshow.css" rel="stylesheet" media="screen">
   <script src="/v/magicslideshow/magicslideshow.js"></script>
   
   

4. Delete the magicslideshow folder from the root of your web server.
5. Magic Slideshow is now uninstalled.

Other Volusion extensions

Try our other great image effects!

Magic Zoom

Magic Zoom Plus

Magic Thumb

Magic Scroll