[solved]Help Getting Isotope Plugin To Filter News Category

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
idaknow
New Member
New Member
Posts: 2
Joined: Fri Jan 16, 2015 10:56 pm

[solved]Help Getting Isotope Plugin To Filter News Category

Post by idaknow »

Hi hopefully someone can help me with this as it's had me scratching my head for hours :'(

(using cmsms latest version + news)

I am trying to get Jquery Isotope to filter my News articles by category. Similar to http://www.9bitstudios.com/2013/04/jque ... -tutorial/

So using the browse cat template

1.) I need to exclude a couple of categories for nav/filter is this the best way:

{if $node.news_category_name != 'Latest' && $node.news_category_name != 'Archive'}{/if}

2.) I have isotope attached and it successfully filters the 'all' parameter - but when I click on any other item it loads nothing.

So isotope seems to be working but either not recognizing the data-filter="." attribute - which I may be inputting incorrectly.
And Or the class name > which I have on the items in summary.


For attribute would that not just be:
data-filter=".{$node.news_category_name}"
or
data-filter=".{$node.news_category_name|munge_string_to_url}">

?

Finally in the summary template the class name for item should match the category - what is the best way to do this?

Having said that when I have tried hardcoding both templates with just one class and category I can't get anything other that all to filter?


Any help would be very much appreciated!!


Here is the only posts I could find that was some help on isotope.

http://forum.cmsmadesimple.org/viewtopi ... 28&t=62517

could this be the issue? http://forum.cmsmadesimple.org/viewtopi ... =4&t=68031
Last edited by idaknow on Sat Jan 17, 2015 6:02 pm, edited 1 time in total.
idaknow
New Member
New Member
Posts: 2
Joined: Fri Jan 16, 2015 10:56 pm

Re: Help Getting Isotope Plugin To Filter News Categories

Post by idaknow »

Solved thanks
Post Reply

Return to “Layout and Design (CSS & HTML)”