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



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

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

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


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


<!-- 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

Tweet Follow @saitodev
戻る

操作方法の追加リクエスト

操作方法質問フォームでマニュアルに記載されていない操作方法の質問を受け付けています。
より良いマニュアルサイトを目指していきますのでご協力をお願い致します。

当サイトの運営者についての詳細はこちらをご覧下さい。

SOY CMS/Shopの読み物

SOY Shop開発秘話

開発元で働いていた時に発表したスライドです。

売りたいものがあるならば、まずはネットショップのCMSを開発しましょう from Tsuyoshi Saito