Post by Artisan » Thu Aug 30, 2012 2:58 am

I'm trying to add a WowSlider slideshow to the Welcome page instead of using the default Slideshow module but I'm having a bit of an issue with it.

The WowSlider slideshow code consists of two parts...

Added to header.tpl before the </head> tag:

Code: Select all

<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="http://www.mystiquelifestyle.co.uk/home-slideshow/engine1/style.css"/>
<style type="text/css">a#vlb{display:none}</style>
<script type="text/javascript" src="http://www.mystiquelifestyle.co.uk/home-slideshow/engine1/jquery.js"></script>
<script type="text/javascript" src="http://www.mystiquelifestyle.co.uk/home-slideshow/engine1/wowslider.js"></script>
<!-- End WOWSlider.com HEAD section -->
In the body where the slideshow is to appear, in this case in the HTML view of the editor for the Welcome page:

Code: Select all

<div id="wowslider-container1">
<div class="ws_images">
<span><img src="http://www.mystiquelifestyle.co.uk/home-slideshow/data1/images/homeslide1.jpg" alt="Mystique Lifestyle" title="Mystique Lifestyle" id="wows0"/></span>
<span><img src="http://www.mystiquelifestyle.co.uk/home-slideshow/data1/images/homeslide2.jpg" alt="Mystique Lifestyle" title="Mystique Lifestyle" id="wows1"/></span>
<a href="http://www.mystiquelifestyle.co.uk/index.php?route=product/category&path=59"><img src="http://www.mystiquelifestyle.co.uk/home-slideshow/data1/images/homeslide3.jpg" alt="Mystique Lifestyle" title="Mystique Lifestyle" id="wows2"/></a>
<a href="http://www.mystiquelifestyle.co.uk/index.php?route=product/category&path=62"><img src="http://www.mystiquelifestyle.co.uk/home-slideshow/data1/images/homeslide4.jpg" alt="Mystique Lifestyle" title="Mystique Lifestyle" id="wows3"/></a>
<a href="http://www.mystiquelifestyle.co.uk/index.php?route=product/category&path=63"><img src="http://www.mystiquelifestyle.co.uk/home-slideshow/data1/images/homeslide5.jpg" alt="Mystique Lifestyle" title="Mystique Lifestyle" id="wows4"/></a>
<a href="http://www.mystiquelifestyle.co.uk/index.php?route=product/category&path=67"><img src="http://www.mystiquelifestyle.co.uk/home-slideshow/data1/images/homeslide6.jpg" alt="Mystique Lifestyle" title="Mystique Lifestyle" id="wows5"/></a>
<a href="http://www.mystiquelifestyle.co.uk/index.php?route=product/category&path=66"><img src="http://www.mystiquelifestyle.co.uk/home-slideshow/data1/images/homeslide7.jpg" alt="Mystique Lifestyle" title="Mystique Lifestyle" id="wows6"/></a>
</div>
<a style="display:none" href="http://wowslider.com">Wordpress jQuery Slider by WOWSlider.com v2.0</a>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="http://www.mystiquelifestyle.co.uk/home-slideshow/engine1/script.js"></script>
The slideshow itself is fine - see http://www.mystiquelifestyle.co.uk/home ... ndex2.html - that page uses the exact code above.

I've installed several of these slideshows in Actinic and they've all worked fine, the only addition to the code being the code pairing !!< and >!! around the body code. Is there any code that needs adding to the HTML in OpenCart?

Malcolm

New member

Posts

Joined
Sat Sep 03, 2011 5:08 am

Post by bmbg » Thu Aug 30, 2012 10:36 am

Try removing <script type="text/javascript" src="http://www.mystiquelifestyle.co.uk/home ... "></script>

OpenCart already includes jquery.

Newbie

Posts

Joined
Mon Aug 27, 2012 9:43 am

Post by bmbg » Thu Aug 30, 2012 10:44 am

I copied exactly what you have into my header.tpl and content_top.tpl and it works fine. I also tried it with removing the code I mentioned above and works fine as well.

What exactly is the issue you are having?

Newbie

Posts

Joined
Mon Aug 27, 2012 9:43 am

Post by Artisan » Fri Aug 31, 2012 1:56 am

That did it! Many thanks :)

Malcolm

New member

Posts

Joined
Sat Sep 03, 2011 5:08 am
Who is online

Users browsing this forum: Amazon [Bot] and 17 guests