Using Google Shopping Cart: Custom Calculations

Google Checkout Shopping Cart: Custom Shipping Calculations Sample

Source code and reference provided below.

PayCircuit T-shirt
Price: $29.99
Color: Black
Brand: Paycircuit
Description The best shirt ever
Your notes:

PayCircuit Coffee Mug
Price: $5.99
Text to print on mug:

Source/Reference

JavaScript

This should be in <head> of your HTML file, or you can create a .js file and reference it for easier management.

This code:

Restricts shipping to Canada only - user must provide a Canadian address on checkout. Any other country provided will display "this seller does not ship to...." (not verbatim)
Shipping rules:

If order subtotal is $60 or less, and all items in order is 4 lbs or less, shipping is $35
Otherwise, shipping is $75
SUBTOTAL = total value of all items before tax and shipping

<script type="text/javascript">

    function googlecartOnCheckoutClick() {
        var orderweight = 0;

        //get the subtotal of cart
        //before taxes and shipping
        var subtot = googlecart.getSubtotal();

        //get cart contents (items in cart)
        var items = googlecart.getItems();

        //go through each line item in cart
        for (var i = 0; i < items.length; i++) {

            //check if the item is active vs. removed
            if (!items[i].isMarkedForRemoval()) {

                //get weight of each item as identified by product-weight class
                //therefore you must make sure that all items have product-weight value
                //mulitply by number of units per item to get total weight of order
                orderweight += items[i].getWeight() * items[i].getQuantity();
            }
        }

        //get the shipping element, identified by id
        var ship = document.getElementById("canada-shipping");

        //calculate according to the following rules
        //if order subtotal is 60 or less and weighs 4 lbs or less, charge $35 for shipping
        if (subtot <= 60 && orderweight <= 4) {
            ship.value = 35;
        }
        //anything else is charged 75
        else {
            ship.value = 75;
        }



        //comment or remove line below in production
        //this is just used so you can see the result of the calculations being made
        alert("total weight of order = " + orderweight + "\nand order subtotal is " + subtot + "\nshipping charged will be " + ship.value);

        //after testing, change this to 'return true;' so that
        //the cart will submit to GC
        //it's currently set to false so you can test functionality without going to the GC web site
        return false;
    }
    
</script>

HTML

This sample should be within your <body>. Note that this makes use of the Google Checkout Shopping Cart (v. 2_2).

When done testing you must modify the following for this to work:

Provide your own Merchant ID (replace the mid=000000000000000 with your own merchant ID)
post-cart-to-sandbox="true" is for Sandbox testing
post-cart-to-sandbox="false" for production/live use
See JavaScript comments above to set return true;
See Javascript comments above to comment or delete alert(....) as this is only for testing purposes

<div class="product" style="margin-bottom: 20px;">
    <span class="product-title">PayCircuit T-shirt</span>
    <br />
    Price: <span class="product-price">$29.99</span>
    <br />
    Color: <span class="product-attr-color">Black</span>
    <br />
    Brand: <span class="product-attr-brand">Paycircuit</span>
    <br />
    Description <span class="product-description">The best shirt ever</span>
    <br />
    Your notes:
    <input class="product-attr-something" type="text" />
    <input class="product-weight" type="hidden" value="1" />
    <div class="googlecart-add-button"></div>
</div>

<div class="product">
    <span class="product-title">PayCircuit Coffee Mug</span>
    <br />
    Price: <span class="product-price">$5.99</span>
    <br />
    Text to print on mug:
    <input class="product-attr-something" type="text" />
    <input class="product-weight" type="hidden" value="2" />
    <div class="googlecart-add-button"></div>
</div>
        
<form id="googlecart-checkout-config">
        
    <!--
    default value will be replaced by javascript code above 
    the google cart only works with javascript enabled
    -->
    <input id="canada-shipping" type="hidden" name="ship_method_price_1" value="999" />
    
    <input type="hidden" name="ship_method_name_1" value="Canada Shipping" />
    <input type="hidden" name="ship_method_currency_1" value="USD" />
        
    <!-- This restricts shipping to Canada ONLY -->
    <input type="hidden" name="checkout-flow-support.merchant-checkout-flow-support.shipping-methods.flat-rate-shipping-1.shipping-restrictions.allowed-areas.postal-area-1.country-code" value="CA" />            

</form>
        
    <!-- replace mid with your merchant id -->
    <!-- set post-cart-to-sandbox = false when done testing -->

    <script id="googlecart-script" type="text/javascript" src="http://checkout.google.com/seller/gsc/v2_2/cart.js?mid=000000000000000" currency="USD" post-cart-to-sandbox="true"></script>