Omniverse allows you to display product filter widgets in a horizontal layout outside the sidebar. This is useful when you want a clean, modern shop page design with filters above your product grid.
This functionality is available in Theme Options for the default shop page, and it can also be added to custom shop pages using the Layout Builder.
Required Elements #
The Layout Builder provides two special elements for adding filters, compatible with both WPBakery and Elementor:
- Filters Area – displays the filter widgets in a horizontal row
- Filters Area Button – toggles the visibility of the filters on smaller screens
Step-by-Step Instructions #
Step 1: Add Widgets #
Go to:
Appearance → Widgets
Add the desired filter widgets to the special widget area called Shop Filters.
Step 2: Add Filters Elements to the Layout #
- Open your custom shop page in the Layout Builder.
- Insert the Filters Area element wherever you want the filters to appear.
- Insert the Filters Area Button element to provide a toggle for mobile or compact layouts.
- Save your layout.
Notes #
- The Filters Area will automatically pull widgets from the Shop Filters widget area.
- Use the Filters Area Button to maintain a clean layout on mobile devices.
- This setup works seamlessly with Off-Canvas Sidebar if both are used on the same page.
This approach allows you to create fully custom shop pages with horizontally displayed filters, giving your customers a better browsing experience.
If you want, I can create a full “Custom Shop Page Builder Guide” combining:
- Off-canvas sidebar
- Filters area
- Product grids
- Pagination and sorting
So it’s one comprehensive manual for Omniverse shop page layouts.
