{"id":11221,"date":"2024-08-28T18:35:07","date_gmt":"2024-08-28T15:35:07","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=11221"},"modified":"2024-09-04T17:58:25","modified_gmt":"2024-09-04T14:58:25","slug":"active-filters","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/active-filters\/","title":{"rendered":"Active Filters"},"content":{"rendered":"\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e214e6eb694&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e214e6eb694\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"3456\" height=\"2001\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/08\/Captura-de-ecran-din-2024-09-04-la-17.42.36.png\" alt=\"\" class=\"wp-image-11260\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong>Active Filters<\/strong> block in action.<\/figcaption><\/figure>\n\n\n\n<p>The &#8220;Active Filters&#8221; block is a valuable addition to your WooCommerce sidebars.\u00a0This user-friendly widget provides a clear and concise overview of the currently active product filters.\u00a0As your customers apply filters,\u00a0the block dynamically updates to reflect their selections,\u00a0enabling them to easily track and manage their filtering criteria.\u00a0This intuitive feature streamlines the shopping experience,\u00a0empowering users to navigate your product catalog with greater efficiency.<\/p>\n\n\n\n<p>The &#8220;Active Filters&#8221; block works seamlessly in conjunction with Blocksy&#8217;s &#8220;<a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/shop-filters\/\" target=\"_blank\" rel=\"noreferrer noopener\">Shop Filters<\/a>&#8221; module.\u00a0When combined,\u00a0these features create a powerful tool for intuitive product navigation.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Granular Configuration<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"560\" height=\"590\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/08\/Captura-de-ecran-din-2024-09-04-la-17.51.47.png\" alt=\"\" class=\"wp-image-11262\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>The &#8220;Active Filters&#8221; block offers straightforward configuration options to personalise its appearance and functionality.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Display Type<\/h3>\n\n\n\n<p>Select whether to display active filters as a standard list or in an inline format,\u00a0allowing you to choose the layout that best suits your website&#8217;s design.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Reset Button<\/h3>\n\n\n\n<p>Enhance user convenience by enabling a reset button.\u00a0This allows users to quickly clear all active filters with a single click,\u00a0returning to the initial filtering state.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The &#8220;Active Filters&#8221; block is a valuable addition to your WooCommerce sidebars.\u00a0This user-friendly widget provides a clear and concise overview of the currently active product filters.\u00a0As your customers apply filters,\u00a0the block dynamically updates to reflect their selections,\u00a0enabling them to easily track and manage their filtering criteria.\u00a0This intuitive feature streamlines the shopping experience,\u00a0empowering users to navigate [&hellip;]<\/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"],"blocksy_meta":{"docs_item_badge":"PRO","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"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":11263,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/11221\/revisions\/11263"}],"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}]}}