Can someone please tell me how to change the image size for all catalog items in the fulfiller View and Service Portal.

[guzman]

Can someone please tell me how to change the image size for all catalog items in the fulfiller and in the Service Portal. We recently upgraded to Paris,

and the images now look way too big on all catalog item forms (fig.1). Especially in the fulfiller view. I inspected the image for the following catalog item in

fulfiller view, in Chrome, and I found a class called: navpage-layout. It contains a div class called sc_cat_item_image_block where I can manualy change the size attribute.

I would like to know where I should make the changes to make them permanent for all catalog items.

 

 Sample catalog image:

 Fig.1

 

Thanks,

Juan

[guzman]

Hi Willen,

You nailed!!! That fixed the issue.

You can also access the macro by going to:

System UI > UI Macros, and search for the catalog_item macro.

Thank you so much Willen, and the community members who contributed.

Thanks,

Juan

[Willem]

Hi Juan,

You are very welcome, happy to help! 🙂

And thank you for marking Correct. Consider marking replies as Helpful as well. That will make a lot of people happy! 😄

[Willem]

You can use the same principle to resize the image.

For example a maximum hight of 40px:

function onLoad() {
	//HTML[data-doctype="true"] .sc_cat_item_image_block img
	var img = document.querySelector(".sc_cat_item_image_block img");
	img.style["max-height"] = "40px";
}

Result: