Filter UL + DIV

Let's display the content of the catalogue module like this:


a menu with the catalogs on the left, the items sorted by the filter_1, the map, and another filter for the year as drop down


try it out with the sample_ul_div.tmpl and sample_ul_div.css examples in the module (as always - icons and pictures are not included)
it requires the following settings:




when the filter renders as 'div' it takes all items and orders them by the filter-tags and builts the following structure around it (red comes from the template, black comes from the script)





As you may have noticed, the 'div'-filter counts the items per category and displays the number behind the category-title, this can be suppressed by setting 'ctg_headline_number' to display:none in the CSS

It would be possible to open the info window of the marker in the map on mouseover an item in the listing, it's just a bit of javascript - talk to us to get the code, it's not completely free though!

3rd-party-modules/catalogue/catalogue-docu/catalogue-docu-examples/catalogue-docu-examples-uldiv.txt · Last modified: 2018/06/03 18:08 (external edit)
www.planmatrix.de www.chimeric.de Creative Commons License Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0