====== Basic Cart Information ======

You can quickly and easily add your customers' cart info like this:
{{docs:gettingstarted:cart-info-example.png}}

This functionality is built into the ''foxycart_includes.js'' files that you are probably including in your site. To activate this functionality, simple create something like this:

<code html>
<p>
	Your cart: <br />
	<span id="fc_quantity">0</span> items.<br />
	$<span id="fc_total_price">0.00</span>
</p>
</code>

The ''fc_quantity'' and ''fc_total_price'' spans are reset with the customer's cart values on page load or when their cart is closed (if you're using the standard ''foxycart_includes.js'' FoxyBox method).

===== Hiding the "MiniCart" when Products = 0 =====

**NOTE:** The ''#fc_minicart'' functionality is available from v0.2.8 on.

If you'd like to show or hide an element (like a ''div'') based on the cart quantity, you can achieve this with the ID ''fc_minicart''. If ''fc_quantity'' is ''0'', ''#fc_minicart'' will be hidden (''display:none''). Otherwise it will be shown.

<code html>
<p id="fc_minicart">
	Your cart: <br />
	<span id="fc_quantity">0</span> items.<br />
	$<span id="fc_total_price">0.00</span>
</p>
</code>

You probably want to add some CSS to hide ''#fc_minicart'', as this will avoid potential "flashes" before the javascript (in ''foxycart_includes.js'') runs, and hides the div (if there are no products in it).