How to remove the price currency symbol on a catalog widget - Support and Troubleshooting

How to remove the price currency symbol on a catalog widget Issue  This article explains how to remove the currency symbol from the price that is displayed on the SC Catalog Item widget. This process can also be used for the SC Order Guide widget.

Customizing this value has potential issues. This article discusses these issues, possible work-arounds, and trade-offs as a result of these work-arounds.

Release All supported versions

Resolution The price is stored in the following variable with the corresponding currency symbol: data.sc_cat_item.price

To remove the symbol and display only the price, use this code: data.sc_cat_item.price.substring(1); Since only the value is now displayed, use the following code to store it into the right variable: data.sc_cat_item.price = data.sc_cat_item.price.substring(1); Possible issue and work-around

In some cases, you may still see the currency symbol. This is because there is a variable on the catalog item that is recalculating the price. Since the variable rendering finishes after the server script has been run, it ends up repopulating the price variable using the client controller code, resulting in a price value with the currency code.

To avoid the currency value being refreshed from the initial server value, you can use the Angular one-time binding feature in the HTML template:

${Price}: { {data.sc_cat_item.price}} Change the above to:

${Price}: { {::data.sc_cat_item.price}} Note : When using this method, the price does not update when recalculated; it remains the initial value loaded with the catalog item.