How to add descriptions on the catalog items in catalog home page

Ramya Neelam1
Tera Guru

Hi

I am looking for adding descriptions on the catalog items in the catalog home page as to help end user to know the purpose of catalog item before submitting the request. Please look at the below screenshot,can anyone please provide any ideas on this?

 

RamyaNeelam1_0-1679885789047.png

Thanks in advance.

 

1 ACCEPTED SOLUTION

Vasantharajan N
Giga Sage
Giga Sage

Note: This is a customization on the OOTB macro. if you need you can create your own renderer. 

 

Step 1: Goto Macro named sc_catalog_homepage_item (You can use the link below)

https://instance_name.service-now.com/sys_ui_macro.do?sys_id=345c23800a0a0aa7007d46e66544d541

 

Step 2: Add the below code given code after line 27

 

<j:if test="${jvar_item.getDescription() != ''}">
				<span>
					<img border="0" style="max-height:16px;" src="images/icons/hover_icon_round.gif" alt="${jvar_item.getName()}" title="" data-src="images/icons/hover_icon_round.gif" data-html="true" data-original-title="${jvar_item.getDescription()}"></img>
				</span>
</j:if>

 

Added screenshot for your reference.

VasantharajanN_0-1679898922126.png

 

Step 3: Result screenshot is given below, You will see the icon if the description is available for the catalog item which shows the description data from the catalog item.

VasantharajanN_1-1679898992840.png

VasantharajanN_2-1679899097794.png

 

 

 

 


Thanks & Regards,
Vasanth

View solution in original post

6 REPLIES 6

Vasantharajan N
Giga Sage
Giga Sage

Note: This is a customization on the OOTB macro. if you need you can create your own renderer. 

 

Step 1: Goto Macro named sc_catalog_homepage_item (You can use the link below)

https://instance_name.service-now.com/sys_ui_macro.do?sys_id=345c23800a0a0aa7007d46e66544d541

 

Step 2: Add the below code given code after line 27

 

<j:if test="${jvar_item.getDescription() != ''}">
				<span>
					<img border="0" style="max-height:16px;" src="images/icons/hover_icon_round.gif" alt="${jvar_item.getName()}" title="" data-src="images/icons/hover_icon_round.gif" data-html="true" data-original-title="${jvar_item.getDescription()}"></img>
				</span>
</j:if>

 

Added screenshot for your reference.

VasantharajanN_0-1679898922126.png

 

Step 3: Result screenshot is given below, You will see the icon if the description is available for the catalog item which shows the description data from the catalog item.

VasantharajanN_1-1679898992840.png

VasantharajanN_2-1679899097794.png

 

 

 

 


Thanks & Regards,
Vasanth

Hi Vasantharajan,

Thank you so much, it worked.

 

Hi,

 

I would like to know if there is any possibility to have different descriptions on the catalog items on native UI and CSM portal?please let me know if you have any ideas. 

Thanks in advance.

Hi @Ramya Neelam1 

 

Did you get a chance do this.... even I want to add a 2 different descriptions to my Catalog Item .... is it possible.