WOW Slider for CMS & VBadvanced CMPS

[Admin]

I'd been looking for an image slider to slot into the VBA CMPS MOD, but I couldn't make any work within a module.

In the end I found a slider and it works as it says out of the box !.

First you need to download the software to make up the slides

http://wowslider.com/

It's completely free, and has no restrictions, once you have downloaded the software, extract all the files, and using FTP upload them to the root folder of your site.
There are three folders :
data1
engine1
tmpl
and three html files :
iframe_index
mod_wowslider1.php
index.html

There is also an xml file called mod_wowslider1.xml, I tried to use that to install it via product manager, but that failed, so just in case I put it in includes/xml !!


The next part is to open up the editing software, choose your images from your PC, and you will see them appear in the panel, you can add your own titles and descriptons if you wish, I'm not sure what the limit is on images if there is one.

Next click on the spanner icon, this allows you to choose certain parameters for your show.
Under the general tab you can name the show, and decide if you want previous/next arrows, and or bullet markers.

Clicking on the image icon allows you to refine the previous selections, choosing from various templates, transition effects, speeds and so on.

When you are done you click on publish, I always choose the top most option and save to a folder on my pc.

Next using FTP you need to upload the new data1, engine1 folders to your root, these folders contain your images, the js to make the slides work, you will find these new ones in the folder you published your finished work to.
In the same folder you will find index.html, you need to open this in a text editor like notepad ++, I use Coffee Cup.


Now you need to find :

	<!-- Start WOWSlider.com HEAD section -->
	<link rel="stylesheet" type="text/css" href="engine1/style.css" />
	<script type="text/javascript" src="engine1/jquery.js"></script>
	<!-- End WOWSlider.com HEAD section -->

Yours will look much like this

To show the slider on VBACMPS

AdminCP > Styles & Templates>Your Style>Edit templates > vBadvanced CMPS>adv_portal
The code above needs to be inserted in the head section of the template.

In index.html in your text editor find :

	<!-- Start WOWSlider.com BODY section -->
~
~
~
	<!-- End WOWSlider.com BODY section -->

Depending on the number of images you have chosen, there could be quite a few lines inbetween the comments.

Copy and paste this into the body section of adv_portal.

Positoning is a bit of trial and error to get it where you want it, as a guide look for :

		{vb:raw home.centerblocks}

			</td>

Placing the code after the </td> will put it under the welcome box

I've got this working on a 4.2.1 site, using the Darkvision skin and it's working fine.