Fluent Commerce Logo
Docs
Sign In

Page Filter Select configuration via Manifest

How-to Guide

Author:

Fluent Commerce

Changed on:

8 Feb 2024

Key Points

  • This guide shows Implementers how to configure Page Filter Select via Manifest.
  • All configurations are described based on fc.mystique.manifest.inventory.fragment.feeds manifest fragment.

Steps

Step arrow right iconPrerequisites

The User has an assigned role with the following permissions:

  • SETTING_VIEW
  • SETTING_CREATE
  • SETTING_UPDATE

Step arrow right iconStep 1.

Create ACCOUNT level setting

`fc.mystique.manifest.inventory.fragment.feeds`
.

Step arrow right iconStep 2.

Select JSON value and fill the value with data from manifest fragment.

Step arrow right iconStep 3.

Use case: change defaultValue for Page Filter Select.

  • Set default value for Page Filter Select:
1{
2  "component": "fc.page.filter.select",
3  "props": {
4    "defaultValue": "480",
5    "name": "filter1"
6    "options": [
7      {
8        "label": "i18n:fc.inventory.filter.last30min",
9        "value": "30"
10      },
11      {
12        "label": "i18n:fc.inventory.filter.last1hour",
13        "value": "60"
14      },
15      {
16        "label": "i18n:fc.inventory.filter.last8hours",
17        "value": "480"
18      },
19      {
20        "label": "i18n:fc.inventory.filter.last24hours",
21       "value": "1440"
22      }
23    ]
24  }
25}

Language: plain_text

Name: Set defaultValue sample

Description:

[Warning: empty required content area]

Step arrow right iconStep 4.

Use case: define your options values. In case you need to extend the reference solution set value in minutes, e.g.  1 hour - 60; 2 hours - 120.

1{
2  "component": "fc.page.filter.select",
3  "props": {
4    "options": [
5      {
6        "label": "i18n:fc.inventory.filter.last30min",
7        "value": "30"
8      },
9      {
10        "label": "i18n:fc.inventory.filter.last1hour",
11        "value": "60"
12      },
13      {
14        "label": "i18n:fc.inventory.filter.last8hours",
15        "value": "480"
16      },
17      {
18        "label": "i18n:fc.inventory.filter.last16hours",
19       "value": "960"
20      },
21      {
22        "label": "i18n:fc.inventory.filter.last24hours",
23       "value": "1440"
24      }
25    ]
26  }
27}

Language: plain_text

Name: Custom options value sample

Description:

[Warning: empty required content area]
Fluent Commerce

Fluent Commerce