Question

Hiding specific Service Items from Service Catalog

  • 30 June 2023
  • 5 replies
  • 388 views

Userlevel 3
Badge +7

Hi all,

I have a need of hiding a few specific Service Items from the service catalog list view in the portal interface.

Has anyone done this in the community and can share the script? 

The result I’m after is to be able to hide specific items from normal category views because they only need to be visible through a bundled item. Using Requester groups etc will not solve this as they will not be visible from the bundle when using this method.


5 replies

Userlevel 4
Badge +4

Hi @maghed,

 

There is no rock solid solution for this. If you hide specific service items via a script, you can still search for them and see them in the results and open it from here.

To hide them in the listing, you can add the ones to one specific category and place the category at the bottom of the category list.

In the “Custom Stylesheet” section of the Portal designer you can add the following script to hide the last category from the list:

/* Catalog: Hide LAST category in list */
#categories-list > li:last-child{
visibility: hidden;
}

 

Kind regards,

 

Rutger Bockholts

Freshworks

Userlevel 3
Badge +2

The easier way to do this that I have utilized is to create a requester group with no requesters. The in the Service Item, Requster Visability, just select the empty requester group. Agents will still see it, but you could limit that to just the admins if you needed to.

Badge

Hi @maghed,

 

There is no rock solid solution for this. If you hide specific service items via a script, you can still search for them and see them in the results and open it from here.

To hide them in the listing, you can add the ones to one specific category and place the category at the bottom of the category list.

In the “Custom Stylesheet” section of the Portal designer you can add the following script to hide the last category from the list:

/* Catalog: Hide LAST category in list */
#categories-list > li:last-child{
visibility: hidden;
}

 

Kind regards,

 

Rutger Bockholts

Freshworks


Thanks for this Rutger, this helped solve part of a problem we are having. Do you know if we can hide specific service items by using the same method in the custom stylesheet? We have 3 service items that we only want to be available as child services within a parent service and not visible in any other location. Hoping you can guide us on how to do this if it is possible. 

Thanks Much!

-Chris

Badge +1

Hi @maghed,

 

There is no rock solid solution for this. If you hide specific service items via a script, you can still search for them and see them in the results and open it from here.

To hide them in the listing, you can add the ones to one specific category and place the category at the bottom of the category list.

In the “Custom Stylesheet” section of the Portal designer you can add the following script to hide the last category from the list:

/* Catalog: Hide LAST category in list */
#categories-list > li:last-child{
visibility: hidden;
}

 

Kind regards,

 

Rutger Bockholts

Freshworks


Thanks for this Rutger, this helped solve part of a problem we are having. Do you know if we can hide specific service items by using the same method in the custom stylesheet? We have 3 service items that we only want to be available as child services within a parent service and not visible in any other location. Hoping you can guide us on how to do this if it is possible. 

Thanks Much!

-Chris

Ditto!

Also, my service category will not always be the last because we have some people who can’t see it based on requester visibility

 

Hi ​​​​​​@picassoappz

 

There is no rock solid solution for this. If you hide specific service items via a script, you can still search for them and see them in the results and open it from here.

To hide them in the listing, you can add the ones to one specific category and place the category at the bottom of the category list.

In the “Custom Stylesheet” section of the Portal designer you can add the following script to hide the last category from the list:

/* Catalog: Hide LAST category in list */
#categories-list > li:last-child{
visibility: hidden;
}

 

Kind regards,

 

Rutger Bockholts

Freshworks

in the custom stylesheet when i am placing the code it says there is error in the code can you elaborate more?

Reply