Portal Software - WOW Slider for CMS & VBadvanced CMPS

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.

[faisaly.com]

you can use this on forumhome for users that hate cms...

[qpurser]

Thank you for you effort. The WOW slider is indeed very neat and I will try to implement this also in several areas in my cms and forum.

Just started to play around a bit with it and noticed the following:

I followed your instructions how to "publish" the slideshow and saved it to a folder.
However opening the index.html with a text editor just gave me some empty lines with some numbers at the bottom. Nothing in there as you mentioned.
But opening the index.html in a browser window and do a "view source code" shows exactly the code as you mentioned before.

Just wanted to point this out for those who might end up with an empty index.html just like me

[Spangle]

Originally Posted by qpurser

Thank you for you effort. The WOW slider is indeed very neat and I will try to implement this also in several areas in my cms and forum.

Just started to play around a bit with it and noticed the following:

I followed your instructions how to "publish" the slideshow and saved it to a folder.
However opening the index.html with a text editor just gave me some empty lines with some numbers at the bottom. Nothing in there as you mentioned.
But opening the index.html in a browser window and do a "view source code" shows exactly the code as you mentioned before.

Just wanted to point this out for those who might end up with an empty index.html just like me

You need to follow the WOW instructions to the letter

[nanox]

You dont have to use the CMPS to get this to work. Just paste the head and body into the ads you want, and BOOM, you're done!

PS: upload data1 and engine1 into your ftp root.

[Robert Waanders]

This looks really nice... I'm going to investigate this..

[Rogue360]

Is there a way of getting it into a module box?

Otherwise, I like it!

[K4GAP]

Does anyone have this up and going? I'd like to see it in action on a vb forum.