Stock Delivery Calculator

For Developers > Ngage Bootstrap Controls

Description

Calculates the delivery cost based on the location selected, costs are calculated from the CMS entry of shipping details, within the 'Shipping' area of E-Commerce.

 

Properties

  • DefaultCountryCode
    • Sets the default country to display in the selection list.
    • Default: GB

 

Code Example

<ngage:StockDeliveryCalculator ID="StockDeliveryCalculator" runat="server" />
 

Basic CSS

/*Product Delivery Calculator*/
.devlivery-calculator-wrapper { float: left; border: solid 1px #536283; padding: 20px 20px 5px 20px; width: 100%; }
.devlivery-calculator-wrapper > div > div:first-child { float: left; margin-bottom: 10px; }
.devlivery-calculator-wrapper div { padding: 0; }
.devlivery-calculator-wrapper > div > .row > div { padding: 0 0 0 10px; }
.devlivery-calculator-wrapper > div > .row > div:first-child { padding: 0; }
.devlivery-calculator-wrapper h2 { width: 100%; background-color: #536283; font-size: 1.2em; color: #fff; padding: 10px; width: calc(100% + 40px); margin: -20px 0 20px -20px; }
.devlivery-calculator-wrapper input[type=submit] { background-color: #8CC045; color: #fff; width: 100%; }
@media screen and (max-width:759px) {
    .devlivery-calculator-wrapper > div > .row > div { padding: 0 !important; }
}
 
Article ID: 73, , Modified: 7/27/2018 at 11:34 AM

Share this article