Hi Kirti,
follow below steps.
1)clone "sc catalog item" widget as you can not update OOB widget. clone it and replace it on "sc_cat_item" page with page designer.
2) update select line on widget with highlighted text. i.e add ng-change attribute with function call.
3)define function like below in client script section of your widget.
c.updatePrice = function(){
var quantity = c.quantity;
var price = c.data.sc_cat_item._pricing.price;
var recprice = c.data.sc_cat_item._pricing.recurring_price;
var priceTotal = parseFloat(price*quantity).toFixed(2);
var recPriceTotal ;
if(c.data.sc_cat_item.recurring_price){
recPriceTotal = parseFloat(recprice*quantity).toFixed(2);
}
c.data.sc_cat_item.price = c.data.sc_cat_item.price.substring(0,1) + priceTotal;
c.data.sc_cat_item.recurring_price = c.data.sc_cat_item.recurring_price.substring(0,1) + recPriceTotal +" " + c.data.sc_cat_item._pricing.rfd;
}
let me know if any questions.
(please mark helpful/like/correct if it helps)
