// Add to cart function
$("#add-to-cart-form").submit(function(event) {
/* stop form from submitting normally */
event.preventDefault();
$(".add_to_cart_message").show().html('Adding item to cart');
$.post("http://www.wghandcrafted.com/add_to_cart.php",$("#add-to-cart-form").serialize(), function(data) {
$(".add_to_cart_message").html(data).delay(3000).fadeOut();
$("input.quantity").val('');
$("#cart-panel-widget").load('http://www.wghandcrafted.com/cart.php');
});
});
And the form:
<form id="add-to-cart-form" method="post" action="#">
<input type="hidden" name="pid" value="<?php print $P['id']; ?>" />
<div class="spacer">
<label for="qty">Quantity:</label> <input type="text" size="5" class="quantity" name="qty" />
</div>
<div class="spacer">
<input type="submit" class="add_to_cart" value="" />
</div>
<div class="spacer add_to_cart_message">
</div>
</form>