Product-Tag filter toggle

If you like to have a Product-Tag filter, where the selection toggles so that there's always one filter selected at one time, add the following JavaScript:

jQuery('.products-list-filter input[type=\'checkbox\']').on('change', function() {
  var checkbox = jQuery(this);
  if(checkbox.prop('checked')) {
    jQuery.each(jQuery('.products-list-filter input[type=\'checkbox\']'), function() {
      var tempCheckbox = jQuery(this);
      if(tempCheckbox.attr('name') !== checkbox.attr('name')) {
        tempCheckbox.prop('checked', false).trigger('change', false);
      }
    });
  }
});

Shopping basket 0 Products

The Demo is build with*

EXT:bootstrap_package for site-package aka theme build on Bootsrap 5.

EXT:modules for user plugins like user-profile, registration, user-addresses, and more.

EXT:shop for the whole shop functionality.

EXT:questions for the FAQ page and FAQs attached in the product detail views.

EXT:glossaries for the glossaries and definitions.

EXT:fluid_fpdf for generating invoices, delivery-notes, product-sheets and more.

EXT:parsedown_extra for rendering the extension documentations from markdown to HTML.

* There are only build-in settings made using site-settings & TypoScript – no templates or other files were changed or overridden!