You may only add "Single Price" items to the shopping cart. Recurring billing items need to still use the "Buy Now" button.
You may not use a "Add to Cart" for membership deliverables, as they require registration fields.
In order for your customers to see what is in their cart you will need to create a shopping cart page.
The only content you need to put on the page is the shortcode:
That shortcode will display the contents of the shopping cart similar to the one below. The actual look and feel (colors, fonts etc.) will be based on your theme and css.
Ths shopping cart summary widget shows the number of items in the shopping cart and the total cost of those items.
The "Show Cart" button should link to the Shopping Cart Page (see above). Be sure to set the Cart Detail Link to your shopping cart summary page. The full URL will always work, but if you use the "Post Name" permalink setting, you only need to enter the page name into Cart Detail Link field. Below is a screen capture of the shopping cart widget setup.
You can use an "Add to Cart" button either instead of, or in addition to, the "Buy Now" button. Use the following shortcode:
Be sure to put the product code not the delvierable code of the product you are selling into the product code attribute. When your customer selects "Add to Cart", the cart summary widget will automatically be updated via AJAX.
The content of the shopping cart will be saved in session. If your customer is logged in, the shopping cart content will be saved to their user meta data.
The following CSS classes can be used to customize your styles. You may use these styles to match the shopping cart elments to your theme.
| Class | Purpose |
|---|---|
| aretex_cart | Outer div wrapper of table generated by aretex_show_cart shortcode. |
| aretex_checkout_button | This class is for the buttons "Empty Cart" and "Complete Checkout" at the bottom of the cart generated by the aretex_show_cart shortcode. |
| aretex_cart_qty | This class is for the span that contains the "Items" quantity in the show cart widget. |
| aretex_cart_ttl | This class is for the span that contains the "Total" dollar amount in the show cart widget. |
| aretex_atc_button_div | This class is for the div that contains the "Add to Cart" button. |
| aretex_cart_item_button | This class is for the item delete button in the shopping cart. |
| aretex_cart_widget | This class is in the div that wraps the cart summary widget |
| aretex_cart_summary | Any element of this class will be populated with the shopping cart summary via AJAX any time the cart's contents change. |