Inspiration Bar

1) Intoduction
2) Installation
3) Options
4) Layouts

650px
980px

1) Intoduction

Spreadshirt's Inspiration bar is a simple script to display your designer shop articles in a carousel.
Find the following information also here: http://sales.spreadshirt.net/_resources/inspirationbar/README.txt

2) Installation

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

<script type="text/javascript" src="http://sales.spreadshirt.net/_resources/inspirationbar/inspirationBar.js"></script>
<script type="text/javascript">
    document.observe("dom:loaded", function() {
        myInspirationBar = new inspirationBar({
             shopId : <shopId>
        });
    });
</script>

and use this placeholder in the body tag:

<div id="inspirationBar"></div>

3) Options

Options	Default values	Notes
shopId		add your shopId
limit	10	max 100
baseUrl	http://sales.spreadshirt.net/_resources/inspirationbar/	base URL of the application
stylesheet	style980.css	also available: style940.css, style900.css, 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.

myInspirationBar = new inspirationBar({
    shopId : 123456,
    limit : 20,
    stylesheet : 'style650.css',
    visibleSlides : 4
});

Attention: No comma after the last option!

4) Layouts

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

Here is how to use them:

650px

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

980px

This is the default style of the bar so you only need the basic settings:

myInspirationBar = new inspirationBar({
    shopId : <your shop id>,
    limit : 20
});