Basic Cart Information

You can quickly and easily add your customers' cart info like this:

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:

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

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).

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.

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

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).