Skip to content
STOAR STOAR

Storefront

Pages, Navigation & UI

Last updated: May 15, 2026

Pages #

The following public routes are available on every STOAR storefront.

Route Description
/ Homepage — features hero section, featured categories, featured products, and promotional content
/about About page — store information and brand story
/contact Contact page — contact form and store contact details
/support Support centre — submit a new support ticket or browse existing tickets
/support/tickets/{token} Individual support ticket view — accessible via the unique token included in ticket confirmation emails, no account required
/faq Frequently asked questions
/shipping Shipping policy and delivery information
/returns Returns and refunds policy
/legal/privacy Privacy policy
/legal/terms Terms and conditions

Global UI Components #

The main navigation header remains fixed at the top of the viewport as visitors scroll. It contains the store logo (links to the homepage), category navigation links, a search toggle that opens the search bar inline, a cart badge showing the current item count, a wishlist badge, and an account link. On smaller screens the category links collapse into the mobile navigation drawer.

Mini-Cart Drawer

Clicking the cart badge opens a slide-in drawer from the right side of the screen without navigating away from the current page. The drawer lists all items currently in the cart with their images, names, and selected variant options. Quantity can be increased or decreased with + and − buttons directly in the drawer. The running subtotal updates immediately on any quantity change. A checkout button at the bottom of the drawer takes the customer straight to the checkout flow.

Notification Bar

A slim banner displayed above the main header. The content and visibility of this bar are controlled from the admin panel. It is commonly used for time-limited promotions, shipping offers, or site-wide notices.

Global Banner

A full-width banner that accepts raw HTML, giving store operators complete control over layout and styling. Use this for rich site-wide announcements such as sale events, new collection launches, or maintenance windows.

Mobile Navigation Drawer

On mobile and tablet viewports the category navigation is replaced by a full-screen slide-in menu. The drawer provides access to all category links, the account link, and utility links such as wishlist and support. It opens and closes via the hamburger icon in the sticky header.

Sticky Flash Bar

A dismissible message bar that appears at the top of the screen to provide immediate feedback after user actions. It supports four variants: success (green), error (red), warning (amber), and info (blue). Flash messages auto-dismiss after a short delay but can also be closed manually by the user.

The footer is present on every page and contains:

  • Newsletter signup — an email input that adds subscribers to the mailing list.
  • Contact details — store address, phone, and email.
  • Social links — icons linking to the store's social media profiles.
  • Navigation — grouped links to key pages (policies, support, account, etc.).