CG Isotope Component

1 1 1 1 1 Rating 5.00 (10 Votes)

User Rating: 5 / 5

Compat icon 3 x longfirst look joomla 4This component, based on isotope library ( displays/sorts/filters weblinks/articles/K2 using categories, tags and fields. It respects Content-Security-Policy.

Download CG Isotope Component J3
(version 1.16.1)
Download CG Isotope Component J4
(version 2.0.3)

(downloaded 1040 times)


PHP 74PHP 80
Tim Davis talked about CG Isotope and I helped him show some of its features. It's a bit long but it's worth it. 

Just install this Simple Isotope Component like any other Joomla! component. 

To respect Content Security Policy (CSP), there is no inline CSS/JS anymore. To do so, we had to use Joomla! addScriptOptions which is only available after Joomla! version 3.7.x.

This component takes all Simple Isotope functionnalities.

Version 1.0.5 introduces Import capability from Simple Isotope modules to CG Isotope.

Menu Joomla! Modules/Plugins is an example of how to use this component. You may find another example in my tests pages.

With your help, Isotope component is being improved, new features are implemented.

To offer more customizations, you may add javascript code in version 1.16.0. This version introduces 3 events onCGIsotopeBefore, onCGIsotopeFilter, onCGIsotopeRender used in CG Isotope Iso plugin.

- onCGIsotopeBefore : add php code before displaying CG Isotope component page
- onCGIsotopeFilter : add articles filtering
- onCGIsotopeRender : customize article display, for example, add your own shortcodes.

Note : CG Isotope Iso plugin is given as an example and may be updated according to your wishes.

Note : to fix category/tags/fields issues, categories filtering has been refactored in version 1.14.0. This may introduce problems. Just check your parameters.

As suggested by David, version 1.13.0 introduces Multi-Select Lists.

With version 1.12.0, you may force featured items to be displayed first when sorting per date/title/...

Version 1.11.0 introduces export/import buttons, so I can save/restore your CG Isotope pages in JSON files and version 1.11.1 adds copy button.

From Simon's idea, version 1.9.10 introduces alphabetical index filtering. You may see this on Joomla! extensions page.

Version 1.9.0 introduces field links, this help you to filter buttons. For example, you may see one city's streets from one region's country. Check our demo page.

With Version 1.7.1, 2 new features have been implemented : use Field/tag/category notes to display filter button's tooltips (Loïc's suggestion) and add exclusive list for fields display (as suggested by Martin). Check our demo page.

Version 1.5.0 introduces random sort display as suggested by André and hide continuation characters (...) when articles are longer than choosen maximum article size (Marc's request).

From Justus's idea, version 1.3.0 introduces range slider on custom fields. During tests, we found a bug in content's plugin. You may see the result at Justus website :

Note : Range Slider is a pure JS project from Slawomir Zaziablo.