すべてのページで現在のカートの中身を表示する

set_cart_parts


set_cart_parts1


ネットショップでどのページでも現在カートに入っている商品や合計金額を表示する場合、

標準で同梱されているカートモジュールを利用します。

※プラグインのインストール等の必要はありません。


テンプレートで該当する箇所を下記のように変更します。


<!-- 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 cms:id="item_total">0</span> 点|小計:¥ <span cms:id="cart_total">0</span></p>
	<!-- /cms:id="full_cart" -->
	<!-- cms:id="empty_cart" -->
	<p id="sum">商品点数:<span>0</span> 点|小計:¥ <span>0</span></p>
	<!-- /cms:id="empty_cart" -->
</section>
<!-- /shop:module="common.parts.cart" -->

カートに商品が入っていない時はcms:id="empty_cart"で囲った箇所を表示し、

カートに商品が入っている時はcms:id="full_cart"で囲った箇所を表示します。


今回の記述例は敢えて出し分けで記載していますが、カートに商品が入っている時と入っていない時で出力内容は同じなので、


<!-- 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>
	<p id="sum">商品点数:<span cms:id="item_total">0</span> 点|小計:¥ <span cms:id="cart_total">0</span></p>
</section>
<!-- /shop:module="common.parts.cart" -->

このようにcms:id="full_cart"とcms:id="empty_cart"を消して統合しても問題ありません。

cms:id="empty_cart"の使いどころは、


<!-- 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 cms:id="item_total">0</span> 点|小計:¥ <span cms:id="cart_total">0</span></p>
	<!-- /cms:id="full_cart" -->
	<!-- cms:id="empty_cart" -->
	<p>カートに商品は入っていません</p>
	<!-- /cms:id="empty_cart" -->
</section>
<!-- /shop:module="common.parts.cart" -->

cms:id="empty_cart"で囲った箇所のテキストをcms:id="full_cart"とまったく異なる表記をしたい時に有効です。


shop:module="common.parts.cart"で囲った箇所で使用できるcms:idは下記のページをご覧ください。

shop:module="common.parts.cart"内で使用できるcms:idタグ


追記

商品一覧ページと商品詳細ページで非同期カートボタンプラグインを利用している場合は、カートモジュールの記述も変更しなければなりません。

変更方法は非同期カートボタンプラグインの詳細画面に記載してありますので、記載内容に参考にして変更して下さい。

SOY Shopで非同期カートボタンプラグインを作成しました - saitodev.co

同じカテゴリーの記事