Categories Grid
The Categories Grid is the default browsing header for your product catalog. It displays all product categories from your POS system as clickable cards, each linking to a filtered view of that category's products.
How It Works
Use the [pointless_pos_categories] shortcode on your catalog page. When the Header View Mode setting is set to Categories Grid (the default), the shortcode renders:
- A search bar for quick product lookups
- A current category indicator (when browsing a specific category)
- A grid of category cards pulled directly from your POS
- A View Cart button linking to your configured cart page
When a visitor clicks a category card, they are taken to a filtered catalog page showing only items from that category.
Search Bar
The search bar appears above the category grid. It allows visitors to quickly search for products without navigating to a specific category. The search works alongside the catalog's search system — entering a term and pressing Enter navigates to the catalog results page with matching products.
Current Category Indicator
When a visitor is browsing a specific category, the current category is displayed above the search bar with a clear button. Clicking the clear button returns the visitor to the full catalog, removing the category filter.
Category Cards
Each category from your POS appears as a card in the grid. Cards display the category name and an image (if one is configured in your POS). Clicking a category card navigates to the filtered catalog for that category.
Shortcode
[pointless_pos_categories]
This shortcode takes no attributes. Its behavior is controlled by the Header View Mode setting in PointlessPOS > Settings:
- Categories Grid — renders the standard category card grid (default)
- Menu View — renders the overlay menu instead
Routes
Each category gets a clean URL that does not require a separate WordPress page:
| Route | URL Pattern |
|---|---|
| Category page | /{root-slug}/pt-cat/{category-name}-{id}/ |
For example: /catalog/pt-cat/snacks-12/