Author: Priyadarshini Elumalai Kannan

we can use the css property for removing the increment/decrement buttons as shown below code input.quick-add-box-right-quantity-value[type=”number”], input.cart-item-summary-quantity-value[type=”number”]{    -webkit-appearance: none;    -moz-appearance: textfield;    appearance: textfield; }

we can add the stock message by extending the view  _.extend(CartLinesView.prototype, { template: jj_cart_lines_tpl, getContext: _.wrap(CartLinesView.prototype.getContext, function (fn) { var originalStock = fn.apply(this, _.toArray(arguments).slice(1)); var inStockMessage = originalStock.item.attributes._inStockMessage; var outofStockMessage = originalStock.item.attributes.outofstockmessage; var availableQuan=this.model.attributes.item.attributes.quantityavailable; if(availableQuan !==0){ originalStock.inStockMessage = inStockMessage; } else{ originalStock.outofStockMessage = outofStockMessage; }   return originalStock; }), in corresponding template <div class=”instock-cart-message”>{{inStockMessage}}</div> <div… Continue reading Adding the stock message in cart page

we can use the afterViewRender function instead of setimeout set interval delay Example of afterViewRender function solution:

We might face the above issue in the website . We can use this solution to resolve this issue. solution: To solve the issue we we can use the CSS property  white-space: nowrap;  example: .facets-items-collection-view-row{     white-space: nowrap; }