{"id":11221,"date":"2024-08-28T18:35:07","date_gmt":"2024-08-28T15:35:07","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&p=11221"},"modified":"2026-10-08T13:26:30","modified_gmt":"2026-10-08T10:26:30","slug":"active-filters","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/active-filters\/","title":{"rendered":"Active Filters"},"content":{"rendered":"\n
\n
\"Active\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
The Active Filters block in action.<\/figcaption><\/figure>\n\n\n\n

The Active Filters<\/strong> block displays the filters currently applied to a WooCommerce product listing, giving customers a clear overview of the criteria being used to narrow down the catalogue.<\/p>\n\n\n\n

As customers interact with Blocksy’s product filtering controls, the block updates automatically to reflect their current selections. It can be placed alongside your filters in a sidebar, Filters Canvas or another suitable block-based layout.<\/p>\n\n\n\n

\n

Blocksy Pro required<\/strong>
The Active Filters block is designed to work with the Product Filters<\/strong> module included with the Shop Extra extension. WooCommerce, Blocksy Companion Pro and the Filters module need to be active for the filtering functionality to be available.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n

Getting Started<\/h2>\n\n\n\n

Before adding the Active Filters block, make sure the Product Filters module is enabled:<\/p>\n\n\n\n

    \n
  1. Navigate to WordPress Dashboard \u2192 Blocksy \u2192 Extensions<\/strong>.<\/li>\n\n\n\n
  2. Locate and expand the Shop Extra<\/strong> extension.<\/li>\n\n\n\n
  3. Enable the Filters<\/strong> module.<\/li>\n\n\n\n
  4. Open the block editor for the area where you want to display the active selections.<\/li>\n\n\n\n
  5. Open the block inserter, search for Active Filters<\/strong> and add the block to your layout.<\/li>\n<\/ol>\n\n\n\n

    The block works alongside Blocksy’s other product-filtering controls, such as the Shop Filters<\/strong><\/a> block, and reflects the supported filters currently applied to the product archive.<\/p>\n<\/div>\n\n\n\n

    \n

    Granular Controls<\/h2>\n\n\n\n
    \n
    \n
    \"Active\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    Configuring the Active Filters block.<\/figcaption><\/figure>\n<\/div>\n\n\n\n
    \n

    Display Type<\/h3>\n\n\n\n

    Choose how the active filter selections are arranged inside the block:<\/p>\n\n\n\n

      \n
    • List<\/strong> \u2013 displays each active filter on its own line in a vertical arrangement.<\/li>\n\n\n\n
    • Inline<\/strong> \u2013 places the active filters next to one another and allows them to wrap onto additional lines when necessary.<\/li>\n<\/ul>\n\n\n\n

      Show Reset Button<\/h3>\n\n\n\n

      Enable the Show Reset Button<\/strong> option to provide a single control for clearing the currently applied product filters and returning the product listing to its unfiltered state.<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

      The Active Filters block displays the filters currently applied to a WooCommerce product listing, giving customers a clear overview of the criteria being used to narrow down the catalogue. As customers interact with Blocksy’s product filtering controls, the block updates automatically to reflect their current selections. It can be placed alongside your filters in a […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[133],"class_list":["post-11221","documentation","type-documentation","status-publish","hentry","doc_categories-theme-blocks"],"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/11221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=11221"}],"version-history":[{"count":4,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/11221\/revisions"}],"predecessor-version":[{"id":15317,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/11221\/revisions\/15317"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=11221"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=11221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}