Active Filter

The7 active filter widget (fig.1.1) will allow displaying of the selected woocommerce attributes on the shop pages (fig.1.2). By default, the widget will not display anything, as soon as you filter the products using Woocommerce filter widgets, it will display the selected attributes.

Fig. 1.1. The7 Active Filter. Widget.

Fig. 1.1. The7 Active Filter. Widget.

Fig. 1.2. The7 Active Filter. Appearance.

Fig. 1.2. The7 Active Filter. Appearance.

Content Tab

You can enable/disable the title under the “Title Area” tab (fig. 2.1), make the widget a toggle and set toggle icons:

Fig. 2.2. Title Area.

Fig. 2.1. Title Area.

In the “Content” tab, you can:

  • enable/disable “Active Attributes” indicator;
  • enable “Clear All” indicator;
  • set the attributes layout to Inline/Grid;
  • set alignment, margin;
  • configure “Clear all” button.
Fig. 2.2. Content Area.

Fig. 2.2. Content Area.

Style

In The Style tab, You can style the widget title, contents area, filter icon, clear all button, etc.

Fig. 3.1. Style Tab.

Fig. 3.1. Style Tab.

Advanced

The advanced section contains standard Elementor settings. More info is available here.