Remove shopping cart icon and order button in Search Results of create incident record producer

shivatmika_19
Tera Guru

Requirement: Remove the shopping cart icon and order button for the catalog items shown in the search results of create incident record producer.

OOTB Behaviour:

Screenshot 2024-11-27 at 12.42.57 PM.png

 

Expected Behaviour:

Screenshot 2024-11-27 at 12.46.11 PM.png

 

1. Navigate to All > Service portals > portals > Employee center.

2. Find the theme field in the Employee center record.

3. Click on preview icon and click on open record to navigate to EC Theme record.

4. Add the below CSS rules in the CSS variables field.

.fa-shopping-cart {

    display: none;

 }

      

 div.cxs-button-order-pad.ng-scope{

      display: none;

 }

5. Save the record and verify the functionality is working fine.

Feel free to suggest other approaches, thanks in advance

2 REPLIES 2

Muktha2
Tera Contributor

How do we change the shopping cart icon?

Hi @Muktha2 ,

You can follow the same steps as mentioned above and add the below CSS rules in the CSS variables field.

.fa-shopping-cart:before {
content: "\f005";
}

The code can be changed accordingly based on your requirement.

 

shivatmika_19_0-1752215327630.png

 

Thanks,

Shivatmika.