私はWPサイトでやっています。ショップカート(プラグイン)と製品がリストされている製品ページにはcalss eStore_buttonがあります。
<input class="eStore_button" type="image" alt="Add to Cart" src="http://localhost/met/wp-content/uploads/2013/03/add-to-cart.gif">
だから私はカートの数量が表示されるWPヘッダーページにdivエリアを作りました
<td align="center" valign="middle" width="110" class="numberincart"><a href="<?php bloginfo('url'); ?>/shoppingcart" class="start-selling-first"><span id="numberincart"><p><?php echo $_GET['inCart'] ?></p></span></a></td>
そして、ユーザーが製品を追加するときに試してみたので、ごく最近、ヘッダーの上部で更新されるため、以下に書きましたが機能しませんでした(firebugを使用している間、結果はヘッダーで更新されませんバグを見つけます)。
<script type="text/javascript">
jQuery(document).ready(function($){
$(".eStore_button").live("click",function(event){
$.ajax({ url: "<?php bloginfo('url'); ?>/products?inCart=<?php $_SESSION['inCart']?>",
}
error: function() {
alert('Error occured');
}
});
});
});
</script>
このように置くだけで機能しますが、リフレッシュしないと機能しません...
<td align="center" valign="middle" width="110" class="numberincart"><a href="<?php bloginfo('url'); ?>/shoppingcart" class="start-selling-first"><span id="numberincart"><p><?php echo $_SESSION['inCart'] ?></p></span></a></td>