Controlling the Shopping Cart Widget

The Google Checkout shopping cart widget is the module that displays the customer's shopping cart on your web page. Each time the customer adds an item to the shopping cart, the shopping cart JavaScript parses the HTML on your page to identify the CSS annotations that identify important information about your products. The widget then updates to reflect the newly added item.

You can customize the appearance and behavior of the shopping cart as well as the location on your page where the cart appears. The following pages describe these controls in full detail:

• The Controlling the Widget's Location document explains how to control where the shopping cart appears on your page.

• The Customizing the Shopping Cart Widget's Appearance page provides an interactive tool that allows you to test CSS customizations and instantly see your changes in an actual shopping cart. These CSS customizations enable you to modify the appearance of the cart, including text colors, borders, background colors and so forth.

• The Customizing the Shopping Cart Widget's Behavior page describes the JavaScript customizations that you can use to alter the behavior of the cart. For example, the cart's default behavior is to highlight newly added products for two seconds and to display the cart's top bar even if the cart is empty. However, you can adjust both of these settings (and numerous other settings) using JavaScript customizations.