テンプレートへの記述例

<!-- block:id="item" -->

<form cms:id="async_cart_form"><!-- レガシーなブラウザ対策のために同期用のformタグも設置しておく -->

<select cms:id="async_cart_select"></select>
<a cms:id="async_cart_link">カートに入れる</a>
<input cms:id="standard_price_helper"><!-- 商品規格プラグインと併用するのであればこのタグは必須です -->

</form>

<!-- /block:id="item" -->

カートの中身の非同期更新の設定

• 商品点数を非同期更新に対応する場合は、数字をid="soyshop_cart_item_count"を含んだタグで囲みます。
• 小計を非同期更新に対応する場合は、数字をid="soyshop_cart_sub_total"を含んだタグで囲みます。

カートのHTMLの変更例

<!-- shop:module="common.parts.cart" -->
<section id="head_cart">
	<p class="head_btn">
		<a cms:id="cart_link">
			<img src="/shop/themes/common/images/btn_cart_off.png" alt="カートを見る">
		</a>
	</p>
	<h1>現在のカートの中身</h1>
	<!-- cms:id="full_cart" -->
	<p id="sum">
		商品点数：<span id="soyshop_cart_item_count" cms:id="item_total">0</span> 点｜
		小計：¥ <span id="soyshop_cart_sub_total" cms:id="cart_total">0</span></p>
	<!-- /cms:id="full_cart" -->
	<!-- cms:id="empty_cart" -->
	<p id="sum">
		商品点数：<span id="soyshop_cart_item_count">0</span> 点｜
		小計：¥ <span id="soyshop_cart_sub_total">0</span></p>
	<!-- /cms:id="empty_cart" -->
</section>
<!-- /shop:module="common.parts.cart" -->