B2B Commerce Frontend
Discover the commerce frontend journey.
The B2B Commerce Frontend offers a clear, modern homepage that makes it easy to start shopping right away. The design is simple and intuitive - whether you're exploring as a guest or a logged in user. The design promotes clarity and ease of use, ensuring that both guest visitors and registered users can quickly locate the tools and information they need.
The frontend is an ideal starting point for a new storefront or e-commerce platform. The platform is specifically designed to give you a head-start while not overloading you with features you don't need.
Key capabilities include:
Modular architecture with separated business and integration layers, supporting extension or replacement of business logic such as real-time pricing, order processing, and related services.
Account management and service portal, providing a configurable dashboard to support self-service and administration.
Product and checkout functionality, including predefined product discovery and checkout flows.
Content management support with Storyblok integration, enabling structured content management without custom CMS development.
To learn more about Emporix integration with Storyblok, see Emporix Storyblok App.
If you're interested in getting the product, contact the Sales Team. The installation instructions are available in our commerce-frontend repository and come together with the access to the B2B Commerce Frontend.
Overview
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 forefront there is a dynamic banner showing current promotions, new arrivals, or seasonal offers. These banners change regularly, giving the inspiration and quick entry points to explore what’s new.
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 might also come across personalized sections tailored to your interests. Based on your previous browsing or purchase history, the homepage highlights products that closely match your preferences, making it easier to discover items you're likely to enjoy.
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 demo tenants come with BatteryIncluded pre-integrated as the search engine. Other search providers, such as Algolia, can be integrated as alternatives.
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.
Last updated
Was this helpful?