Cart Contents Widget

The Cart Contents Widget is a way to show your customers how many items they have in their shopping cart and the subtotal for those items as well. There are two basic layout designs for this item which should accomodate most integrations.

Usage:

With in your web site source code, locate where you would like the widget to appear. Then copy & paste the following code there:

<script language="javascript" type="text/javascript" src="https://www.cartserver.com/clientside/showcart.php?c=[CARTID]&d=[DISPLAY]"></script>

You will need to replace [CART-ID] with your cart-id and [DISPLAY] with one of the layout options below.

Layout Options:

basic - Basic will show a one line text representation of the cart contents. This layout is best used within the header of your website.

block - This will show a block layout which was designed for use in a side column.

These layouts are not styled and are left to inherit the text styles of your website. However, they were developed to be easily customized using stylesheets. Listed below are the relavent styles associated with these layouts which you can add to your existing css files and customize how you would like.

Basic:
                            		#acCart_basic_container {
                            			/* your styles here */
                            		}

                            		#acCart_basic_container a {
                            			/* your styles here */
                            		}
                            	
Block:
                            		#acCart_block_container {
                            			/* your styles here */
                            		}

                            		#acCart_block_title {
                            			/* your styles here */
                            		}

                            		#acCart_block_content {
                            			/* your styles here */
                            		}
                            		#acCart_block_content a {
                            			/* your styles here */
                            		}
                            	

Can't find the answers you are looking for in this section?  Please don't hesitate contacting our support staff by submitting a support ticket.