This QuickCode Tag is used to display up to 5 different banner images in the form of a slideshow. The tag can be placed within any store template.

The tag can be used as-is to display a slideshow of content in your storefront, but it can also accept several parameters, which can be used to customize its appearance and behavior. The available parameters include:

When using parameters within the QuickCode Tag, the different values should be separated correctly.

Colons ( : ) should be used to separate the different options; such as animation and animationSpeed.

Equal signs ( = ) should be used to distinguish what the option's value is.

An example of their separation can be viewed below:

{CONTENT-SLIDESHOW:animationSpeed=1600:advanceSpeed=7000}

There are two different methods of passing parameters within the QuickCode Tag:

Name/Value Pairs
The preferred method is to use name/value pairs. In this approach, both the name of the parameter and its value are included in the QuickCode Tag. This allows you to set custom values for any number of the available parameters, in any order.

For example, to set custom values for just the "timer" and "pause on hover" options, the QuickCode Tag would look something like this when using name/value pairs:

{CONTENT-SLIDESHOW:pauseOnHover=false:timer=false}

Note that when using name/value pairs, the parameters may be included in any order, and unused parameters may be excluded.

Values Only
Optionally, just the values of the parameters may be included. This can make the QuickCode Tag shorter in some cases, however, when including only the values of each parameter they must be kept in order.

For example, to set custom values for just the "timer" and "pause on hover" options, the QuickCode Tag would look something like this when using just values:

{CONTENT-SLIDESHOW:horizontal-push:800:false:6000:false}

Note that when using only the values, all parameters from the first one through the last one you use must be present and in the correct order.

If you wanted your slideshow to have a fade animation, a 2 second time frame for your animation to load, and the speed between animations set at 7 seconds apart, the QuickCode Tag could be set up as follows:

{CONTENT-SLIDESHOW:animation=fade:animationSpeed=2000:advanceSpeed=7000}

Above example is using the "Name/Value Pairs" method.