Overview
Get a quick tour of the storefront UI, including homepage navigation, category browsing, and the product details page.
When you arrive at the storefront, the homepage acts as the starting point for your shopping journey. At the top of the page, you see a navigation bar with quick links to all the main areas, from browsing categories and viewing new collections to checking your account and cart. A search bar is always within reach, so you can find specific products instantly. As you scroll down the page, the navigation bar remains visible but transitions to a more compact format to avoid disrupting your shopping experience.
At the front, there is also a dynamic banner showing current promotions, new arrivals, or seasonal offers. Depending on your customization settings, these displays can also function as featured product sections. For example, you can quickly scan each item along with its image, name, and price. From there, you can either click to see more details or add the item directly to your cart or wishlist.
You can also find personalized recommendations on the homepage. These suggestions are based on what you’ve browsed or interacted with before. It’s an easy way to discover items you might like without searching.
Navigation and browsing
Products are organized in a hierarchical category structure that you can browse through the main navigation menu. You can navigate through main categories and subcategories, and use the breadcrumb trail at the top of the page to see your current location and navigate back to previous levels. The frontend also includes a search bar that allows you to quickly find products by product name, item number, or keywords.
Our tenants can be integrated with BatteryIncluded, Algolia, or any other search engine provider.
Product details page
When you select a product, you're taken to the product detail page which displays multiple product images, comprehensive product information including title, item number, and promotion badges, as well as customer ratings and pricing details with VAT breakdown. The page shows availability status, shipping costs, and reservation options, along with trust indicators like warranty information and return policies. You can add products to your cart directly from the product page, specify quantities, and view detailed specifications, descriptions, and product highlights that help you understand the product's features and benefits.
Ordering and checkout
As you add products, they appear in your shopping cart where you can review your selections before placing an order. You can update quantities, remove items, and review totals at any time.
Customers can proceed to checkout either as registered users or as guests. Guest checkout allows customers to place orders without creating an account, while still generating an order record that the merchant can process in the management dashboard.
During checkout, customers provide shipping and billing details, choose delivery and payment options, and review the final order summary. Promo or coupon codes can be applied during this step, with updated totals displayed immediately.
For B2B scenarios, additional purchasing flows are available. Customers can request a quote directly from the cart, allowing merchants to review the request and respond with a negotiated offer. Some organizations may also use approval-based purchasing, where an order is submitted internally for approval before it is finalized.
Once the order is confirmed, it becomes visible to both the customer and the merchant, marking the completion of the storefront journey.
Last updated
Was this helpful?