Shopping Cart Page Template: Buttons

There are four general-purpose buttons for the shopping cart page: Recalculate, Empty Cart, Continue Shopping, and Checkout. You should have all four of these buttons in your template. You can place them in any location that makes sense to you, and you can have more than one instance of each button.

  • The [-- BUTTON --] tags will produce either a graphic form button or a text form button, depending on what the merchant defines for each button.

Buttons CSS

Each button has a unique CSS class. Beyond that, you may want to wrap the buttons in an HTML table cell or a span to apply additional formatting, such as white space around the buttons.

input.button7 The "Recalculate" button.
input.button9 The "Empty Cart" button.
input.button6 The "Continue Shopping" button.
input.button8 The "Checkout" button.

This example puts the buttons inside table cells and defines CSS attributes for the td.buttons selector.

Next: Ordering Instructions