How to Create a Product Filters Form

The Omniverse theme allows you to create customizable product filter forms that help customers quickly find products based on categories, attributes, or price. These filters can be displayed anywhere on your website using page builder elements.

---

1. Feature Overview #

• Create custom product filters using WPBakery Page Builder.
• Display filters on shop pages or any custom page.
• Supports filtering by:
  • Product categories
  • Product attributes
  • Price range

---

2. Creating a Filters Form #

To create a product filter form:

1. Go to Dashboard → HTML Blocks → Add New.
2. Edit the block using WPBakery Page Builder.
3. Add the Product Filters element.
4. Configure available filters:
   • Category filter
   • Product attribute filter (choose any attribute)
   • Price filter
5. Save the HTML Block.

---

3. Displaying Filters on the Shop Page #

To show filters above your shop products:

1. Go to Theme Settings → Product Archive → Shop Filters.
2. Set Shop Filters Content Type to Custom Content.
3. Select or paste your HTML Block into Shop Filters Custom Content.
4. Save changes.

The filters will now appear above products on the shop page.

---

4. Adding Filters Anywhere Else #

You can also:

• Place filters on landing pages or category pages.
• Use different HTML blocks with unique filters.
• Combine filters with other page builder elements.

This provides flexibility for custom shop layouts.

---

5. Best Practices #

• Use clear filter labels for better usability.
• Avoid too many filters on one page to maintain clarity.
• Place filters where customers expect them (sidebar or top).

---