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 (http://isotope.metafizzy.co/) displays/sorts/filters weblinks/articles using categories, tags and fields. It respects Content-Security-Policy.

Version 4.1.1 (Update :30/11/2022)

  • # Error onval undefined in init.js
Version 4.1.0 (Update :26/11/2022)
  • # Weblinks parameters order
  • - Remove JQuery dependency
Version 4.0.5 (Update :23/11/2022)
  • # init.js : fix e.indefOf error in init.min.js
Version 4.0.4 (Update : 02/10/2022)
  • # Remove obsolete update files in database
Version 4.0.3 (Update : 02/10/2022)
  • # Tags : display all available tags in module's parameters
  • + look for updates/changelog files on github
Version 4.0.2
  • + Pagination : infinite scroll
Version 4.0.1
  • # Suppress PHP 8.1 notices
  • ^ Isotope v3.0.6
Version 4.0.0
  • + Joomla 4.0 compatibility
....
Version 1.0.0 (Septembre 2016): version initiale

Download Simple Isotope Module pour Joomla 3.X

Download not allowed

(already downloaded 3535 times)

Download Simple Isotope Module pour Joomla 4.x

Download not allowed

(already downloaded 94 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  https://github.com/joomla/joomla-cms/issues/17305, 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 : agrarservice-ellermann.de

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).

customization

isotope

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".