Simple Isotope

1 1 1 1 1 Rating 4.85 (33 Votes)

User Rating: 4 / 5

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

Version 2.0.6 : suppress PHP 8 notice
Version 2.0.5 : PHP 8 compatibility
Version 2.0.4 : k2 table error if k2 not installed
Version 2.0.3 : Alphabetical index filtering
Version 2.0.2 : new parameter : empty message if filtering returns no article
Version 2.0.1 : Caching issue => Cannot read property 'replace' of undefined
Version 2.0.0 : Joomla 4 Beta 4 compatibility
Version 1.19.7 : new sort button : blog order
Version 1.19.5 : August's improvments from CG Isotope component
Version 1.17.1 : Fields :exclusive list + Field/tag/category notes => filter button's tooltip
Version 1.17.0 :refactoring init.js
Version 1.16.1 : language filter : multi-select + all button
Version 1.16.0 : add language filter + css .isotope-main {overflow: hidden}
Version 1.15.0 : random display, suppress ..., parameters display fix
Version 1.14.0 : Fields + categories filter
Version 1.13.8 : Fields filtering in lists
Version 1.13.6 : {tags} : <span> around tag's separator
Version 1.13.5 : add <span> before {tags} / {field}
Version 1.13.3 : apply custom fields rendering
Version 1.13.2 : {tags}, Weblinks fields implementation
Version 1.13.0 : install : display changelog,range slider + content's plugins
Version 1.10.8 : K2 infos inAJAX mode
Version 1.10.7 : K2 image in Ajax mode
Version 1.10.6 : block as link
Version 1.10.5 : session cookie
Version 1.10.0 : K2 rewriting, "readmore : IFrame/Ajax parameters
Version 1.6.0 (September 2018) : Layout tab : sections order/width
Version 1.5.0 (July 2018) : Articles pagination
Version 1.4.0 (May 2018) : {catsimg} + Category images
Version 1.3.0 (March 2018) : CSP Compatiblity
Version 1.0.0 (Septembre 2016): version initiale

Download Simple Isotope Module pour Joomla 3.X

(already downloaded 3441 times)

Download Simple Isotope Module pour Joomla 4.x

(already downloaded 47 times)


PHP 74 PHP 80Just install this Simple Isotope module like any other Joomla! module. It also exists as a component : CG Isotope 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.

Attention : If you are using Articles Pagination, there is a bug in Joomla core, so an 404 error is displayed when switching pages. To fix this, download Content Page Break Isotope plugin, enable it and disable core plugin "Content - Page Break".

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

In version 4.0.2, for Joomla 4.x, we introduced infinite pagination : take a look at our demo.

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

Version 1.19.7
introduces a new sort button : blog order. 

With version 1.19.5, new features from CG Isotope components have been implemented : custom field per field id, fields links (take a look at our demo), Fields+Tags filter, new dates parameters, ...

With Version 1.17.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.15.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 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.

Loic (alias Lomart) has been a big tank of ideas :

-  a session cookie that stores your latest request. So, when Isotope Component is displayed again, it will be shown using your latest request, as long as you keep your internet explorer opened (session cookie),
- Block as link : the whole article block becomes a link
{new} and {subtitle} tags, 
- buttons alignment,
- ....

One suggested Ajax and Iframe choice in Readmore parameter, another one needed custom fields, K2, ....

From version 1.0.0, when this module has been named "Simple Isotope" to today (where it's not a simple module anymore),

Thank you for those of you who are helping me improving this module (and Isotope component).



isotope  2

isotope weblinks gb

isotope k2 gb
isotope k2 2 gb

layout gb

These parameters are the one used on My modules page. Please note that "Articles" section is not defined, so, default values will apply (line = 2, order = 1, width = 12).

For information,  "Favorite weblinks" uses same layout parameters. Isotope test page has different layout parameters:

  • Search section : line 1, order 1, width 3
  • Categories filter section: line 1, order 2, width 6
  • Sort section : line 1, order 3, width 3
  • Tags filter section: line 2, order 1, width 3
  • Articles : line 2, order 2, width 9

To make this module "responsive", I use up.css file from Lomart's Up plugin,  working fine while using "flexbox".