This feature modernizes product listing (search results) views, product detail views, and transaction page views in Store Commerce POS by migrating to React and Fluent UI for a consistent, responsive interface across desktop and mobile platforms. The feature introduces streamlined workflows and proactive insights for inventory and discounts to empower associates and improve selling efficiency.

Feature enablement and control

Feature is manually controlled via Feature Management flags for each experience.
Feature is activated by Store Commerce administrators for phased rollouts.
Subfeature toggles are available at the Visual Profile level for granular control.

Who benefits

Retail associates gain faster navigation, richer product details, and proactive insights for smarter selling.
Retail managers and IT administrators benefit from extensibility and configuration flexibility.

Technical highlights

Built on React and Fluent UI for modern, responsive design.
Optimized for desktop and mobile to ensure consistent workflows across devices.
Supports extensibility points for custom workflows and embedded business logic.
Compatible with existing Store Commerce architecture, with no additional dependencies.

Experience improvements

Product listing page (PLP)
- Refreshed card layouts with color variants and “Add to Sale” buttons to help associates quickly identify options and add items faster.
- Quick View for product details pages, so that essential information is instantly accessible without leaving the page.
- Expanded/compact view selection so that users can choose to see more or fewer cards per row based on their preferences.
- Low-stock captions on product cards to help associates prioritize items and have informed conversations with customers.
- Discount captions surfaced directly on product cards for quick upsell cues.
Product detail page (PDP)
- Vertical sticky scroll layout with key actions always visible.
- Enhanced imagery, swatches, and dimension/quantity picker following Fluent's latest controls.
- Accordion sections for Copilot summary and collapsible details to reduce visual clutter and prioritize key actions.
- Nearby store inventory preview via side drawer for alternative fulfillment.
Transaction page (TP)
- Inline messaging for available quantity so that associates can communicate savings opportunities to customers at the right time.
- Message bar for proactive discount surfacing during checkout to help associates upsell effectively and ensure that customers don’t miss promotions.
- Configurable layout for curated or custom product recommendations to help retailers personalize checkout and drive higher basket value.