Overlay Menu
The Overlay Menu is an alternative header that replaces the standard categories grid with a department-based navigation system. Instead of category cards, it displays a horizontal bar of department buttons. Hovering or clicking a department opens a full-width overlay panel with filter columns — including class, style, sub-class, country, region, categories, and latest products.
This is ideal for stores with many product attributes where customers benefit from multi-level filtering.
Enabling the Overlay Menu
The overlay menu is enabled from PointlessPOS > Settings:
- Go to PointlessPOS > Settings in your WordPress admin
- Find the Header View Mode setting under Cart & Navigation Settings
- Change the value from Categories Grid to Menu View
- Save your settings
After enabling, the [pointless_pos_categories] shortcode on your catalog page will render the overlay menu instead of the categories grid.
You can also use the dedicated [pointless_pos_menu_view] shortcode to render the overlay menu independently of the Header View Mode setting.
Department Bar
The top-level header bar displays all departments from your POS system as clickable buttons. Departments are fetched from your POS and cached for performance. Each department button serves as a trigger for the overlay panel.
Overlay Panel
When a visitor clicks a department button, an overlay panel drops down below the header bar. The panel displays multiple filter columns configured in your POS menu group. Common filter types include:
| Filter Type | Description |
|---|---|
| Class | Product class (e.g., Red, Blue, Green) |
| Style | Product style (e.g., Bold, Light) |
| Sub-Class | Sub-classification within a class |
| Country | Country of origin |
| Region | Geographic region |
| Categories | Product categories within the department |
| Latest | Recently added products |
The specific columns that appear depend on your POS menu group configuration.
Navigation
Clicking any filter value navigates to your catalog page with the corresponding search parameters applied. For example, clicking "Red" under the Class filter navigates to a filtered catalog view showing only products with that class.
The overlay menu constructs these filters using the same search system that powers the rest of the catalog, so results display consistently across the site.
Shortcodes
[pointless_pos_categories]
When Header View Mode is set to Menu View, this shortcode renders the overlay menu instead of the categories grid.
[pointless_pos_menu_view]
Standalone shortcode that always renders the overlay menu, regardless of the Header View Mode setting.
| Attribute | Default | Description |
|---|---|---|
menu_name | User Header | The menu group name to fetch from your POS system |
View Cart Button
If a Cart Page is configured in your settings, the overlay menu displays a View Cart button in the header bar. It links to your configured cart page and shows a live item count.