...
h2. 2) Installation
To integrate the inspiration bar in your shop just add the following snippet to
your shop header:
{code}
<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>{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}