Orchard Projection Isotope

Question

I'm trying create an affiliate directory on my Orchard site. The directory is populated by running a query on my custom Content Type. The directory needs to be sortable and searchable. I've set up a basic jsfiddle here that is a basic functioning version of what I'm attempting to do, but it's just in html: http://orchard1.pha.jhu.edu/affiliates-beta-2

Or you can view the jsfiddle here: http://jsfiddle.net/tgelles/AMZf8/

Has anyone discovered a way to best use isotope on an Orchard Projection? I've downloaded the Projection Layout module, but I have no idea how to use that/where to inject the specific isotope code. I've also created alternate template files for the Projection's Summary display, but I don't know how to best inject the isotope plugin into that razor file.

Any help would be appreciated.

Answer 1

The best way would be creating a shape, but You could easily edit the query template and inject the js through a custom view for that projection(url,type, etc) Check in your Queries. There was a video which helped me understand better how they work: http://www.youtube.com/watch?v=Ka55wTTXZg8

Hope it helps.