Pages and Navigation
Understand which storefront pages exist, which links appear in the header, and how to avoid publishing confusion.
Pages and Navigation are related, but they do different jobs.
Pages controls what exists on the storefront. Navigation controls what appears in the header. A page can be public without being linked in the header, and a header link cannot make a disabled page public.
Use this rule
If the question is "can a customer open this page?", start in Pages. If the question is "can a customer see this link in the header?", start in Navigation.
Media placeholder
Pages and Navigation side by side
Recommended asset: a short clip showing a page enabled in Pages, then added to the storefront header from Navigation.
The Storefront Page Map
| Page | How customers reach it | What to check before launch |
|---|---|---|
| Home | Storefront root | Hero, featured products, trust copy, support path, footer links |
| Products | Header, CTA, direct URL | Search, categories, sorting, product cards, empty states |
| Category | Products filters, category links, direct URL | Category title, grid spacing, empty category copy |
| Product Detail | Product cards, search, direct URL | Gallery, price, add-to-cart, requirements, support notes |
| Subscriptions | Header if enabled, direct URL | Subscription offer, plan benefits, included products |
| Support | Header if enabled, footer, direct URL | Support options, Discord links, response expectations |
| Cart | Header cart, cart drawer, /cart when used | Items, quantity, remove, coupon/gift card fields, checkout button |
| Thank You | Tebex return path | Receipt expectation, next steps, support path |
Recommended Setup Order
- Open Pages.
- Decide which public pages should exist.
- Enable or hide page-level surfaces such as Support and Subscriptions.
- Select each page and review its sections.
- Save.
- Open Navigation.
- Add only the links that deserve header space.
- Check desktop and mobile header behavior.
- Open the live or preview store and click every header link.
This order keeps the mental model clean. First decide what exists. Then decide what deserves attention in the header.
Page Visibility
Use page visibility for customer access.
| Situation | Right control |
|---|---|
| Support should not be public yet | Hide Support in Pages |
| Subscriptions are not ready | Disable Subscriptions in Pages |
| A section is being drafted | Hide the section in Pages |
| A page should exist but stay out of the header | Keep the page enabled, hide the nav item |
| A seasonal category should be easy to reach | Keep the page enabled, add a category link in Navigation |
Hidden sections keep their settings. That makes them useful for drafting copy, waiting on screenshots, or preparing a campaign page before it is visible.
Header Navigation
The header should help a customer move, not show every possible route.
For most stores, start with:
- Home
- Products
- One important category or Subscriptions, only when it matters
- Support
- Cart or account action
Keep header labels short. A label should be understood in one glance. "Products" usually works better than "Browse Our Premium Resources".
Product Categories
Categories can be shown through product filters, dropdown-style navigation, or individual category links depending on the active theme and navigation settings.
Use category links when a category is part of how customers think about the store. For example, a FiveM store might want separate links for Scripts, Vehicles, and Maps. Do not expose tiny internal categories that only exist for merchant organization.
Support and Subscriptions
Support and Subscriptions have two steps:
| Page | Step one | Step two |
|---|---|---|
| Support | Enable the Support page in Pages | Add Support to Navigation if it should be visible in the header |
| Subscriptions | Enable the Subscriptions page in Pages | Add Subscriptions to Navigation if it is a primary offer |
If a page is disabled, Navigation cannot make it appear. This prevents accidental links to unfinished pages.
Cart and Thank You
Cart is part of the buying flow. Depending on the theme and cart settings, customers may use a drawer, a cart page, or both. The route should still be tested because checkout confidence depends on the cart feeling stable.
Thank You is not a normal header page. It is reached after checkout returns from Tebex, so review it as part of checkout QA rather than header setup.
Common Mistakes
| Mistake | Why it happens | Fix |
|---|---|---|
| Support is configured but missing from the header | The page exists, but the nav item is hidden | Open Navigation and show Support |
| Support link cannot be added | Support is hidden in Pages | Enable Support in Pages first |
| Subscriptions page is public but no one finds it | Page is enabled, header link is hidden | Add it to Navigation or link it from the hero |
| Header has too many links | Every page was treated as equally important | Keep the header to the routes that help a buyer decide |
| Category link opens an empty page | Tebex category has no visible products | Fix the category in Tebex or remove the link |
Final Check
Before publishing, open the storefront like a customer:
- Click the logo.
- Click every header link.
- Open Products.
- Open a category.
- Open a product.
- Add to cart.
- Open Support.
- Return to Home.
If any click makes you pause, rename the label, remove the link, or move the page out of the header.