FoxyCart Template Modifications

There are a few things that are good to do on each FoxyCart install to make the installation go a little smoother and the design look a little cleaner.

Cart Template

Makes The image 100px wide instead of 150 and hides the item code, category code, and item weight from customer view. Also adjusts the Continue Shopping arrow so it fits better

<style type="text/css">
	#fc_cart_container td.fc_cart_item_image a img, td.fc_cart_item_image img.fc_cart_thumbnail {
		max-width: 100px; max-height: 100px;
	}
	.fc_cart_item_code, .fc_cart_category_code, .fc_cart_item_weight {
		display: none;
	}
</style>

Checkout Template

Makes the cart images 50px wide instead of 150px.

<style type="text/css" media="screen" charset="utf-8">
	body .fc_cart_item_image img { max-width: 50px; }
</style>

Makes Customer Phone a Required Field

<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function($){
	$("#customer_phone").addClass("fc_required");
	$("li.fc_customer_phone label.fc_pre").append("<span class=\"fc_ast\">*<\/span>");
	$("#customer_phone").blur(function() {
		if (this.value == "") {
			FC.checkout.updateErrorDisplay(this.name,true);
		} else {
			FC.checkout.updateErrorDisplay(this.name,false);
		}
	});
});
</script>

Removes ALT text from the CVV help link (gets in the way in Firefox).

<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function($){
	$("#fc_help_cvv2_link").attr("alt","").attr("title","");
});
</script>

FoxyCart Template suggestions partially provided  by David Hollander.

Download FoxyPress Today!