Published at: 2025-10-31
E-commerce Ordering (Cart Mode)
A standard ordering model primarily for FMCG e-commerce, featuring menus such as Home, Products, and Cart. It provides a standard workflow: select products > add to cart > cart calculation. Designed for businesses with relatively straightforward operations and high user experience requirements. In the Store mode, users can access the Store menu to view product details and add items to cart from both the Store homepage and detail pages.
1. Browse Store and Add to Cart with One Click
The Store supports two view modes:
Users can view products in Card View or List View. Card View is ideal for FMCG industries, while List View suits manufacturing industries better.
Image Display Mode:
When images are unnecessary, the Upstream administrator can disable them globally. Once disabled, product lists, the Cart, and order details will no longer display images.
Web Store Card View:

Web Store List View:

On the Web product detail page, users can browse product descriptions, images, and add items to cart:

Mobile Store View:
The Store mode corresponds to the bottom navigation menu [Products]:

Multi-Scenario Browsing:
Recently ordered, Promo products, Promo events, New arrivals, Favorites, etc.:

Configurable Product List Fields:
To display additional fields (e.g., Product Code, Tags, Notes, Brand) in the product list, configure them in ShareOrder Management under Mobile Summary Layout.
Configurable Product Cards:
Product cards on the homepage or Store can be customized (e.g., title, custom content):

Notes:
- The Store only displays products from the selected Price List. Products not in the list are hidden and unsearchable. Product categories are also adjusted based on the active Price List.
- In Store mode, users can browse, list, and add items by SKU (requires separate toggle):

- The updated ShareOrder prioritizes product prices based on the Upstream company’s Price List hierarchy under the sellable product range.
2. Mobile Category Navigation
A core e-commerce feature, the mobile Store supports category-based navigation for locating products/SKUs and adding to cart:

3. Cart Checkout
The Cart page displays added items and records their quantities/specifications. Users can edit items (e.g., adjust quantity, delete, clear invalid items, fill custom fields) with an e-commerce-like experience.
Web Cart:

Mobile Cart:

Cart Adapts to Pricing Policies:
The Cart calculates total prices/quantities in real-time and applies pricing policies (e.g., new Promos), displaying rules (Order Promos, Product Promos, Promotion Bundles) and discount amounts.
Promo Selection:
If a product qualifies for multiple Promos, Distributors can manually switch pricing policies.

Gift Promo Examples:
Web:


Mobile:

Notes:
- Order-level Promos are not calculated or displayed as gifts in the Cart; only rules are shown. These are calculated on the order submission page.
- For orders with mandatory custom fields (e.g., processing method, specifications), users can pre-fill them when adding to cart (optional):
picture coming soon:
Customizable Cart Fields:
The Cart supports custom fields (e.g., Product Code, Description, Notes). On mobile, tap to view full details:

Customizable Cart Footer Fields:
Mobile Cart footers can display fields like weight, volume, or custom data. Tap [More] for details:

4. Quick Order Mode
The Web Store adds a Quick Order entry, while mobile adds a bottom navigation bar. Users can skip the Cart and submit orders directly from product lists, improving efficiency for urgent replenishment:
Web Demo:

Web Demo:

Web Demo:
