ListIt2 Content Scroller - Category Help

[govicinity]

CMS Made Simple™ 1.11.12
AceEditor 1.0
CGExtensions 1.45
CGFeedMaker 1.0.20
CGSimpleSmarty 1.7.4
CGSmartImage 1.17.2
CMSMailer 5.2.2
CMSPrinting 1.0.5
Captcha 0.5.2
CustomContent 1.10
FileManager 1.4.5
FormBuilder 0.8.1.1
FrontEndUsers 1.26
ListIt2 1.4.1
MenuManager 1.8.6
MicroTiny 1.2.7
ModuleManager 1.5.8
News 2.14.4
Search 1.7.11
SiteMapMadeSimple 1.2.8
ThemeManager 1.1.8

I am currently using ListIt2 to create a scroller, working really nicely so far here on a beta site: http://met.govicinity.com/.

The client has just asked me to have more scrollers on other top level pages, to do this I'd like to have categories that they can add the images and info to a particular category so I can attribute categories to those top level pages and not have all slides on every page, just the category relevent ones.

Here's the code I have now for my template (summary template):

Code: Select all

{strip}
{cgsi_convert filter_croptofit='512,300,c,1' quality='100'}
<div class="wrapper-inner-wide">
<div class="wrapper-inner">
<div id="header-image">
<div id="flexslider">
<div class="flexslider">
<ul class="slides">
{foreach from=$items item=item}
  <li class="slider-container">
    <div class="slider-image">
    <a href="{$item->fielddefs.page.value}" title="Read more {$item->fielddefs.title.value}"><img src="{root_url}/uploads/images/SliderImages/{$item->fielddefs.scroller_image.value}" alt="{$item->fielddefs.scroller_image.value}" class='lazy' /></a>
    </div>
    <div class="slider-text">
    <h2>{$item->fielddefs.title.value|truncate:30:"...":false|strip_tags}</h2>
    <p>{$item->fielddefs.main_slider_body_text.value|truncate:200:"...":false|strip_tags}. <a href="{$item->fielddefs.page.value}" title="Read more {$item->fielddefs.title.value}">Read more on {$item->fielddefs.title.value}...</a></p>
    </div>
  </li>
{/foreach}
</ul>
</div>
</div>
</div>
</div>
</div>
{/cgsi_convert}
{/strip}

I have added Category to my field definitions, so I can now give the scroller items a category (i.e. home, device testing, packaging testing etc.), now I need to make it work with the scroller so they only show on those pages, I thought

Code: Select all

{ListIt2Scroller category="home"}

/

Code: Select all

{ListIt2Scroller category="device_testing"}

may have worked, but I was mistaken, can anyone point me in the right direction?