Fluent Commerce Logo
Docs

OMS Web App: Search order by ID using the fc.filterPanel

How-to Guide

Author:

Randy Chan

Changed on:

5 Sept 2025

Key Points

  • This use case is for users who want to look up orders using the order ID.
  • Typically, the graphQL query orderById is used to look up an order by ID. However, it can only look up one order at a time without a wildcard search.
  • This article provides an alternative approach that allows users to search for orders by ID or even with a wildcard. 
  • This approach utilises the new UI component fc.filterPanel, which does not require custom rules.
  • An alternative way to achieve the outcome is to use `order.ref2`. Click here for the how-to guide.
No alt text provided

Steps

Step arrow right iconImplementation Steps

For this feature, all changes will be made in settings. Hence, no custom rule is required. Anyone who has access to settings can implement this feature.
  • Create a new Setting: fc.mystique.manifest.oms.fragment.searchOrderByIDFilter
  • Update Language setting
  • Add the new reference to fc.mystique.manifest.oms
  • Testing the outcome

Step arrow right iconCreate a new Setting: fc.mystique.manifest.oms.fragment.searchOrderByIDFilter

Name: fc.mystique.manifest.oms.fragment.searchOrderByIDFilterContext: ACCOUNTContext ID: 0Value Type: JSONJSON Value:

Step arrow right iconUpdate Language setting

Add the following name value pairs to the language setting. In this example, I will be using LANGUAGE_EN-AU:No alt provided

Step arrow right iconAdd the new reference to fc.mystique.manifest.oms

Add the reference link to fc.mystique.manifest.omsNo alt provided

Step arrow right iconTesting the outcome

Go to Fluent OMS and refresh the screen:No alt providedNo alt provided