How to show '$' next to price on a catalog item on service portal

[Charles Hong]

Hello - 

I have a catalog item which contains pricing, and on the service portal when i am ready to check out the numbers appear next to price but not the actual '$' sign. How can i incorporate this? please see image

[Allen Andreas]

Yea, this was actually the better option, haha. Swapping out the old SC Item widget with the newer one (although my previous was wasn't deprecated, but I must have cloned from an old one and since upgrading to New York...) anyways...the legit item called: SC Catalog Item widget...now shows the price and everything in a cleaner way.

Thanks!

[Allen Andreas]

Hi,

This has me curious as well as I noticed in my personal developer instance (New York) that it's just showing the "price" there with no currency symbol. I checked around a few things, but for the sake of time...it can be done through an alternative method such as:

1) Clone the SC Catalog Item widget and then in the HTML section, go to or look around line 145 and do this:

Basically, adding: $ in front of the data element that would house the price. There's another price entry on line 53 as well you'd want to do this too, but I think that's for the cart portion. The bottom price entry (line 145) is what the user will see on the regular catalog item page.

Please mark reply as Helpful/Correct, if applicable. Thanks!

[DirkRedeker]

Hi

From my point of view, I think, it is not a good idea, to just add a fixed dollar sign into the HTML. 

Then, you are not prepared for international usage, as some other currencies are not using the dollar sign.

Service Portal does always convert the price to the user's currency, which may Not be dollar. 

Then, the fix sign would be very misleading. 

Ifa currency symbol is needed, I recommend to show the one, matching the currency, the prices are converted to. 

What do you think? 

Let me know if that answered your question and mark my answer as correct and helpful, please. 

BR 

Dirk 

[Allen Andreas]

Yes, it's not ideal and I've since responded to the post above that actually does answer this person's question. I'm merely showing that it COULD be done...and obviously, if you have plans or thoughts of international usage at any points for your organization, then you wouldn't want to do that.

I said for the "sake of time"...it could be done, but not ideal. And for the record, just because something "can" be done...doesn't mean it "should" be done, haha.

So I've provided a solution (which does work)...but ultimately responded to the post that does work and is completely the better option.

Thanks! 😉

[Shashi]

1) Clone the SC Catalog Item widget and then in the HTML section, go to or look around line 145 and do this:

change this code from  <b>${Price}:</b>{{data.sc_cat_item.price}} to

<b>${Price}:</b>{{data.sc_cat_item.price_display}}.

currency symbol changes as well.