Two jQuery Sliders on one Volusion website

Question:

I am having problems running two sliders on my Volusion site. As you can see, with 2 sliders running, one on each page....the home slider takes on the size of the slider on the product page. Thank you for your help.

Answer:

If you want to add multiple sliders to one website, when creating the slider, in the application, Publish dialog, you need to configure a different “Slider id” for each slider.

When inserting the HTML code to your web page, for the second and after sliders, you also need to remove the second jquery.js and amazingslider.js from the head section codes:

<!– Insert to your webpage before the </head> –>
<script src=”http://myvolusionstore.com/v/homeslider/jquery.js”></script>
<script src=”http://myvolusionstore.com/v/homeslider/amazingslider.js”></script>
<script src=”http://myvolusionstore.com/v/homeslider/initslider-1.js”></script>
<!– End of head section HTML codes –>

<!– Insert to your webpage before the </head> –>
<script src=”http://myvolusionstore.com/v/homeslider/jquery.js”></script>
<script src=”http://myvolusionstore.com/v/homeslider/amazingslider.js”></script>
<script src=”http://myvolusionstore.com/v/homeslider/initslider-2.js”></script>
<!– End of head section HTML codes –>

For tutorial about insert jQuery slider to your Volusion website, please view tutorial: https://amazingslider.com/how-to-insert-amazing-slider-to-volusion-website/