IBM Support

How to hide Customer Service Persona from IBM Sterling Next-Gen Store Engagement ?

Troubleshooting


Problem

How to hide the Customer Service Persona from Next-Gen store UI as this persona is dependent on other Global Search components like 'OrderSearch', 'FindProduct' OR 'CustomerSearch' ?

Diagnosing The Problem

Follow the below steps to configure the Customer Service persona in Next-gen store UI.

1) Enable the permission for atleast one of the feature 'OrderSearch', 'CustomerSearch', 'FindProduct'. This will introduce the 'Customer Service' persona in IBM Sterling Next-Gen Store UI.

image-20240920163731-1

 

image-20240920105143-1

2) Resource permission is common for some of the components for example :

Disabling the permission from resources for 'OrderSearch', 'FindProduct', 'CustomerSearch' will disable these from Global Search and also hides the Customer Service persona.

Global Search Screenshot:

image-20240920171241-2

Customer Service Persona (hidden) Screenshot:
image-20240920171305-3

Resolving The Problem

You can follow the mentioned steps to maintain the Global Order Search component on the Next-Gen Store UI, while ensuring the Customer Service persona remains hidden.

Steps followed:

1) Customize the Customer Service Persona to hide it completely from Next-Gen Store UI.

2) Copy the 'isf-persona-config.json'  file from the OOB path (packages/features/app-shell/src/asset/app-shell/config/isf-persona-config.json ) to the extensions directory (/store-frontend-src/extensions/override-static-assets/portlets/config/isf-persona-config.json)

3) Pass "showPortlet" : false for all the portlets under Customer_Service persona.

Sample persona file for one of the portlet 'Find Product' under Customer_Service persona. Pass the same attribute for other portlets as well under Customer Service Persona, that will allow the persona to be removed completely from the UI.

{

"personaName": "Customer_Service",

"personaIconClass": "app-icon-cust_service_20",

"portlets": [

{

"portletTitleBundleKey": "findProductsPortlet.TITLE_findProductsPortlet",

"portletTID": "findProductsPortlet",

"portletSequenceNumber": 10,

"portletComponent": "FindProductsPortletComponent",

"portletIconClass": "app-icon-find-products-100",

"portletColor": "#3C6DF0",

"resourceId": "ISF000044",

"displayPortletTitleName": false,

"requiresMultiLocation": false,

"requiresInventory": false,

"showPortlet" : false,

"sitemap": [

{

"portletBundleKey": "sitemap.TITLE_findProductsPortlet",

"relativeUrl": "/store/home/Customer_Service"

}

]

}

4) Run yarn start-app.

image-20240804153421-4

image-20240804153341-2

Related Information

Configuring Customer Service

Document Location

Worldwide

[{"Type":"MASTER","Line of Business":{"code":"LOB59","label":"Sustainability Software"},"Business Unit":{"code":"BU048","label":"IBM Software"},"Product":{"code":"SSGTZV","label":"IBM Sterling Store Engagement"},"ARM Category":[{"code":"a8m0z000000cy2QAAQ","label":"Call Center Store and SIM"}],"ARM Case Number":"TS016241565","Platform":[{"code":"PF025","label":"Platform Independent"}],"Version":"All Versions"}]

Document Information

Modified date:
20 September 2024

UID

ibm17162354

Page Feedback