Fluent Commerce Logo
Docs
Sign In

Configure UI for Mixed Baskets

How-to Guide

Author:

Fluent Commerce

Changed on:

13 Nov 2023

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

Step arrow right iconOverview

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 setting to apply this functionality to the existing baseline configuration.

The reference 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.

fragment presented in the table can be a reference for the existing custom manifests extension.

How to apply baseline Mixed Baskets configuration

Step arrow right iconStep 1

Go to Admin → Settings and find fc...oms setting

Step arrow right iconStep 2

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

No alt provided


Step arrow right iconStep 3

Create JSON type setting `fc.mystique.manifest.oms.fragment.ordermanagement.mixedbasket` on 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 arrow right iconStep 1

Extend query to have data required for components.

Step arrow right iconStep 2

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

Step arrow right iconStep 3

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

Step arrow right iconStep 4

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

Step arrow right iconStep 5

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