Service Portal/SC Catalog Item widget/Carousel for Catalog Item Pictures?

[Jimmy45]

Hello Community!

I am sure there is a way, but for some reason I can't figure it out, how to add one of the following to the Catalog Items in the portal:When a user navigates to the Service Portal, Clicks on the Catalog and selects a catalog item, I want them to be able to see not only the description of the product, but instead of adding multiple pictures of the catalog item, we want them to have more of that Amazon feel.  When they hover over the tiny thumbnails of a picture they get the larger picture of the item like below:

OR

To have just a Carousel embedded that will show the pictures of the catalog item like below:

 

If there is a way to do this, please feel free to share.  Let me know where I need to go and what code to add, because this is racking my brain.  I know that this involves using CSS and the HTML editor within the catalog item itself only supports HTML, I thought about adding it as a Macro with Label variable, but not sure if this would work or not.  That is my next task.  Thanks in advance!

[Jimmy45]

@Piyush Dhoke ,

Does nothing.  Still the same.  When I hover over the image it still shows a zoomed in scale.  I don't want it to show a zoomed in scale.  I want it to show the whole picture.  Go to any item in Amazon.  Hover over the small thumbnails.  When you hover it shows an enlarged picture like my initial post.  That is what I am looking for.  How can this be done within ServiceNow on the portal?  Keep in mind, we do NOT want to target the sc_cat_item page, because doing so will impact all catalog items that show on that page under the SC Catalog Item Widget.  Also, how can this be achieved?  We would literally have to target the exact images that belong to the catalog item the customer is looking at.  I know this is a long shot, but I am sure it can be done.