Stock Basket Summary

For Developers > Ngage Bootstrap Controls

Description

Display's a web users shipping basket, web users can update product quantities and remove products from the basket.
 

Properties

  • ContinueShoppingUrl
    • The web users will be redirected to this URL when the 'continue shopping' button is clicked.
    • Default: "/"
      ​

Events

  • OnEditRecord
    • ​This event is fired once the next button is clicked, allowing custom code to be added.
       

Code Example

<ngage:StockBasketSummary runat="server" ID="StockBasketSummary" OnEditRecord="StockBasketSummary_EditRecord" />
 

Basic CSS

/*Stock Basket Summary */
.stock-basket-summary .basket-wrapper .basket-items th { background-color:#536283; color:#fff; }
.stock-basket-summary .basket-wrapper .basket-items .form-group { margin-bottom:0; }
.stock-basket-summary .basket-wrapper .basket-items .glyphicon-trash { margin:0 10px 0 0; }
.stock-basket-summary .basket-wrapper .basket-totals { max-width:300px; float:right; }
.stock-basket-summary .basket-wrapper .basket-actions { display:inline-block; width:100%; }
.stock-basket-summary .basket-wrapper .basket-actions .btn { float:right; margin-left:10px; }
.stock-basket-summary .basket-wrapper .basket-actions .btn:first-child { float:left; margin-left:0; }
@media screen and (max-width:759px) {
    .stock-basket-summary .basket-wrapper .basket-actions .btn { width:100%; margin-bottom:10px; }
}
 
Article ID: 81, , Modified: 4/23/2016 at 10:50 PM

Share this article