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:
image
Web Store List View:

image

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

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

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

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):
image

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):
image
- 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:
image

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:
image

Mobile Cart:
image

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.
image

Gift Promo Examples:
Web:
image
image

Mobile:
image

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:
image

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

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:
image
Web Demo:
image
Web Demo:
image

Submit Feedback