Inspiration Bar

# Introduction
# Installation
# Options
# Layouts

h2. 1) Intoduction

Spreadshirt's Inspiration bar is a simple script to display your designer shop articles in a carousel.


h2. 2) Installation

To integrate the inspiration bar in your shop just add the following snippet to
your shop header:

myInspirationBar = new inspirationBar({
shopId : <shopId>
});
});
</script>{code}

and use this placeholder in the body tag:

{code}<div id="inspirationBar"></div>{code}


h2. 3) Options

|| Options || Default values || Notes \\ ||
| shopId | | add your shopId \\ |
| limit \\ | 10 \\ | max 100 \\ |
| baseUrl \\ | [http://sales.spreadshirt.net/_resources/inspirationbar/|http://sales.spreadshirt.net/_resources/inspirationbar/]\\ | base URL of the application |
| stylesheet \\ | style980.css | also available: style650.css |
| carousel \\ | carousel-min.js | |
| visibleSlides \\ | 6 \\ | 6: 980px stylesheet, \\
4: 650px stylesheet \\ |
| width \\ | 130 | width of article/design images |
| height \\ | 130 | height of article/design images |

Add the options comma separated, e.g.
{code}
myInspirationBar = new inspirationBar({
shopId : 123456,
limit : 20,
stylesheet : 'style650.css',
visibleSlides : 4
});{code}

*Attention:* No comma after the last option\!




h2. 4) Layouts

There are two different styles for the inspiration bar, 980px and 650px.

Here is how to use them:

h3. 650px
{code}
myInspirationBar = new inspirationBar({
shopId : <your shop id>,
limit : 20,
stylesheet : 'style650.css',
visibleSlides : 4
});{code}


h3. 980px

This is the default style of the bar so you only need the basic settings:
{code}
myInspirationBar = new inspirationBar({
shopId : <your shop id>,
limit : 20
});{code}