Fluent Commerce Docs

Get Started
Functionality
Learning
Extension
Dev Tooling
APIs
Releases

Content in this track:

UX Framework - Component Library

UX Framework - Configuration Guide

UX Configuration - Common Concepts

Configure a drawer via manifest

Configure UI for Mixed Baskets

End Of Track

Content in this track: Configure UI for Mixed Baskets

How-to Guide

Author:

Fluent Commerce

Changed on:

5 Sept 2025

Key Points

Mixed basket functionality is not covered in Fluent's base default pre-configurations.
In order to enable mixed basket functionality on the UI, you would need to modify the manifest and add a few settings. The process is explained in detail in this article.

Steps

Overview

The Fluent OMS module is pre-configured with certain standard functions. Mixed Baskets functionality is not a part of the default pre-configuration. Create the manifest setting to apply this functionality to the existing baseline configuration.The reference manifest fragment represents the new UI for Mixed Baskets functionality. Applying it by default without any changes may lead to the loss of the custom changes.Manifest fragment presented in the table can be a reference for the existing custom manifests extension.

How to apply baseline Mixed Baskets configuration

Step 1

Go to Admin → Settings and find `fc.mystique.manifest.oms` setting

Step 2

In the edit mode replace `fc.mystique.manifest.oms.fragment.ordermanagement` with `fc.mystique.manifest.oms.fragment.ordermanagement.mixedbasket`. No alt provided

Step 3

Create JSON type setting `fc.mystique.manifest.oms.fragment.ordermanagement.mixedbasket` on ACCOUNT level using Mixed Baskets baseline manifest and customise it according to your needs.A detailed guide on how to configure Fluent OMS is available here.

How to change existing customised UI to support Mixed Baskets functionality

Step 0

The following UI components are implemented and updated for the Mixed Baskets feature:

table Shipment Info (new)
table Order Items (extended)
drawer Shipment Details (new)
drawer Order Item Details (extended)

To add the Mixed Baskets baseline configuration, consider extending the custom manifest using the following steps below:

Step 1

Extend GraphQL query to have data required for components.

Step 2

Copy templates from the provided reference manifest to extend the Order Items table with Delivery Address, Type, and Delivery Date.

Step 3

To extend the Order Item Details drawer with the Shipment block, create a boolean setting `fc.mystique.order.itemDetails.shipment`.

Step 4

To display the Shipment Info table, copy a corresponding part from the provided baseline manifest.

Step 5

The Shipment Details drawer will be available within the Shipment Info table.

Related content

Mixed Baskets User Interface

Edited 818 days ago

The Fluent OMS module is pre-configured with certain standard functions. Mixed Baskets functionality is not a part of the default pre-configuration. The reference manifest fragment represents the new UI for Mixed Baskets functionality. Detailed information on configuring UI for Mixed Baskets is available in the guide.

Order Reference Module

Edited 26 days ago

The Order Reference Module is the foundation for order-related implementations. It provides reference workflows for Click and Collect, Home Delivery and Mixed Baskets and those needed to build your own. Extensible by design, use this Module as a base to build a solution to your customers' needs.

Fluent Commerce

Knowledge Tracks Related To This Topic

Getting Started Configuring Fluent OMS Web Apps

Fluent OMS Overview

Getting Started Configuring Fluent OMS (webapps)

Overriding the default manifest

Settings Creation and Editing Mutations

Setting Editing Mutation

Create a Simple List Page in OMS Webapp

Enable bulk order Cancel in the UI by using the action property in the LIST component

Webapp User Action visibility by using entity's attribute value

Hide UserAction button via OMS Manifest

Configure a drawer via manifest

Using the Setting Form Component

Adding Header Components to an OMX Web App (Store, OMS, Inventory etc)

Configure UI for Mixed Baskets

Building Better Filters: From Reusable Components to Customer Search

Getting Started with Fluent OMS

Getting Started Configuring Fluent OMS (webapps)

Configuring the Unified View of Inventory: A Step-by-Step Guide

Configure UI for Mixed Baskets

Configuring Profiles and Sourcing Strategies: A Step-by-Step Guide

Configuring Order Revision

Configuring Change Address

Configuring Appeasement

How to enable Returns in Fluent OMS and Fluent Store

Activity Component

Getting started with OMX UX Framework

UX Framework - Overview

Component SDK - Overview

UX Framework - Component Library

UX Framework - Configuration Guide

UX Configuration - Common Concepts

Configure a drawer via manifest

Configure UI for Mixed Baskets

fc.mystique.fields.basicpack

Key Points

Mixed basket functionality is not covered in Fluent's base default pre-configurations.
In order to enable mixed basket functionality on the UI, you would need to modify the manifest and add a few settings. The process is explained in detail in this article.

Steps

Overview

How to apply baseline Mixed Baskets configuration

Step 1

Go to Admin → Settings and find `fc.mystique.manifest.oms` setting

Step 2

In the edit mode replace `fc.mystique.manifest.oms.fragment.ordermanagement` with `fc.mystique.manifest.oms.fragment.ordermanagement.mixedbasket`. No alt provided

Step 3

How to change existing customised UI to support Mixed Baskets functionality

Step 0

The following UI components are implemented and updated for the Mixed Baskets feature:

table Shipment Info (new)
table Order Items (extended)
drawer Shipment Details (new)
drawer Order Item Details (extended)

To add the Mixed Baskets baseline configuration, consider extending the custom manifest using the following steps below:

Step 1

Extend GraphQL query to have data required for components.

Step 2

Copy templates from the provided reference manifest to extend the Order Items table with Delivery Address, Type, and Delivery Date.

Step 3

To extend the Order Item Details drawer with the Shipment block, create a boolean setting `fc.mystique.order.itemDetails.shipment`.

Step 4

To display the Shipment Info table, copy a corresponding part from the provided baseline manifest.

Step 5

The Shipment Details drawer will be available within the Shipment Info table.

Content in this track:

UX Framework - Overview

Component SDK - Overview

UX Framework - Component Library

UX Framework - Configuration Guide

UX Configuration - Common Concepts

Configure a drawer via manifest

Configure UI for Mixed Baskets

fc.mystique.fields.basicpack

End Of Track

Configure UI for Mixed Baskets

Configure UI for Mixed Baskets

Key Points

Steps

Overview

How to apply baseline Mixed Baskets configuration

Step 1

Step 2

Step 3

How to change existing customised UI to support Mixed Baskets functionality

Step 1

Step 2

Step 3

Step 4

Step 5

Related content

Mixed Baskets User Interface

Order Reference Module

Fluent Commerce

Knowledge Tracks Related To This Topic

Building Blocks

By Type

Helpful Resources

Quick Links

Key Points

Steps

Overview

How to apply baseline Mixed Baskets configuration

Step 1

Step 2

Step 3

How to change existing customised UI to support Mixed Baskets functionality

Step 1

Step 2

Step 3

Step 4

Step 5

Related content

Mixed Baskets User Interface

Order Reference Module