The video introduces a new Bricks Builder feature called the “Query, Sort Filter” in Bricks 1.9.6, aimed at simplifying product filtering in online stores. It highlights the capability to sort and filter content in real time without page refresh using Ajax.
However, it's noted that the feature is experimental (as of March 2024) and advises against using it on production websites due to potential conflicts with other plugins. The implementation is limited to post queries and outer layers in nested query scenarios.
User feedback for further development is encouraged. The process to enable the feature is outlined, followed by a demonstration of setting up live Ajax search and color filtering.
Overviews of the main content layout and the dynamic handling of product listings within a query loop are provided, along with steps to add live search functionality.
Here's a breakdown of how to utilize Query Sort, Filter, and Live Search in Bricks Builder:
Activating the Feature:
- Access your WordPress dashboard.
- Navigate to Bricks > Settings.
- Under the General tab, locate the option titled "Enable query sort filter live search."
- Toggle the switch to activate the feature.
Once activated, you'll discover new elements within the Bricks Builder element panel:
- Filter - Search: This element facilitates the creation of a live search bar, enabling users to dynamically search and filter your content.
- Filter - Radio: Allows for the creation of radio button filters based on taxonomies or custom fields.
- Filter - Checkbox: Similar to radio buttons, this element permits checkbox-based filtering with multiple selections.
- Filter - Select: Offers a dropdown menu for filtering content based on options.
- Query Loop (target): Serves as the cornerstone for your sortable and filterable content, defining the data you wish to display (e.g., posts, products).
Here's a general workflow for using these elements:
- Define your Query Loop: Drag the "Query Loop" element onto your editing canvas. Configure the query loop settings to specify the content you intend to sort and filter (e.g., post type, categories, etc.).
- Add Filters: Select the filter type (radio, checkbox, select) that aligns with your content and filtering requirements. Place the chosen filter element next to your query loop.
- Configure Filters: Within the filter element's settings, define the data source (taxonomy, custom field) for filtering and the options users will encounter.
- Link Filters to Query Loop: Set the "Target Query" property of the filter element to your query loop. This establishes the connection between the filter and the content it governs.
- Live Search (Optional): If you wish to implement a live search bar, drag the "Filter - Search" element onto your canvas. Configure its settings and link it to your target query loop using the "Target Query" property.
Additional Recommendations:
- Bricks provides comprehensive documentation on Query Sort, Filter, and Live Search, available at: Bricks Builder Academy - Query Filters
- Visual demonstrations can be found on YouTube by searching for "Bricks Builder Query Sort Filter" or "Bricks Builder Live Search" for tutorials.
- Keep in mind that this feature is experimental, so you may encounter certain limitations or bugs.
