• 虹色ミツバチ
  • freoカスタマイズメモ、テンプレート・プラグイン配布/officeTIPS
検索プラグイン

> Entry >freo>freoTips>プラグイン系TIPS> 商品一覧表示プラグインを利用してショッピングカートプラグインに登録している商品を取扱状況ごとに表示する方法

【freo】【freoTips】【プラグイン系TIPS】商品一覧表示プラグインを利用してショッピングカートプラグインに登録している商品を取扱状況ごとに表示する方法

商品一覧表示プラグインを利用すると、ショッピングカートプラグインに登録されている商品を表示することができます。

商品一覧表示プラグインでは、どの状況の商品(予約中or新着or販売終了or売り切れor全て)を表示するのかを選択することはできますが、商品の取扱状況ごとに表示することはできません。
商品を商品の取扱状況ごとに表示するには、テンプレートを編集する必要があります。
管理画面→設定→プラグイン→商品一覧表示プラグインの「表示条件」で「全て」を選択しておいてください。

予約中商品を一覧表示する

商品を一覧表示したい場所に以下のソースを書き込むと、予約中の商品が一覧表示されます。

<div class="utility">
    <h3>予約中商品一覧</h3>
    <div class="content">
        <!--{foreach from=$plugin_catalog_lists|smarty:nodefaults item='plugin_catalog_list'}-->
            <!--{if $plugin_catalog_list.datetime >= $smarty.now|date_format:'%Y-%m-%d %H:%M:%S'}-->
                <h4><a href="{$freo.core.http_file}/catalog/view/{$plugin_catalog_list.id}">{$plugin_catalog_list.name}({$plugin_catalog_list.price}円)</a></h4>
                <!--{if $plugin_catalog_list_files[$plugin_catalog_list.id].file or $plugin_catalog_list_files[$plugin_catalog_list.id].file_thumbnail}-->
                <p><a href="{$freo.core.http_file}/catalog/view/{$plugin_catalog_list.id}"><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/catalog_files/{$plugin_catalog_list.id}/{$plugin_catalog_list_files[$plugin_catalog_list.id].file_thumbnail|default:$plugin_catalog_list_files[$plugin_catalog_list.id].file}" alt="商品画像" /></a></p>
                <!--{/if}-->

                <!--{if !$freo.config.plugin.catalog.closed and ($plugin_catalog_list.close == null or $plugin_catalog_list.close|date_format:'%Y%m%d%H%M%S' > $smarty.now|date_format:'%Y%m%d%H%M%S') and ($plugin_catalog_list.stock == null or $plugin_catalog_list.stock != 0)}-->
                <form action="{$freo.core.http_file}/catalog/cart_putin" method="post">
                <fieldset>
                <legend>商品購入フォーム</legend>
                <input type="hidden" name="plugin_catalog[id]" value="{$plugin_catalog_list.id}" />
                <input type="hidden" name="plugin_catalog[count]" value="1" />
                <p><input type="submit" value="カートに入れる" /></p>
                </fieldset>
                </form>
                <!--{/if}-->
            <!--{/if}-->
        <!--{/foreach}-->
    </div>
</div>

解説

<div class="utility">
    <h3>予約中商品一覧</h3>
    <div class="content">
        <!--{ショッピングカートに登録されている商品の繰り返しここから}-->
            <!--{もし今より先に発行する商品=予約中の商品だったらここから}-->
                <h4><a href="{$freo.core.http_file}/catalog/view/{$商品ID}">{$商品名}({$商品の価格}円)</a></h4>
                <!--{もし商品にファイルまたはサムネイルがあったらここから}-->
                <p><a href="商品個別ページのURL"><img src="商品サムネイルのURL(サムネイルが登録されてなければ商品ファイルURL)}" alt="商品画像" /></a></p>
                <!--{もし商品にファイルまたはサムネイルがあったらここまで}-->

                <!--{もし販売終了機能を使っていない かつ 商品が販売終了でないか商品が販売開始されている かつ 商品の在庫があるまたは無制限 だったらここから}-->
                <form action="カートに入れる" method="post">
                <fieldset>
                <legend>商品購入フォーム</legend>
                <input type="hidden" name="plugin_catalog[id]" value="{商品ID}" />
                <input type="hidden" name="plugin_catalog[count]" value="1" />
                <p><input type="submit" value="カートに入れる" /></p>
                </fieldset>
                </form>
                <!--{もし販売終了機能を使っていない かつ 商品が販売終了でないか商品が販売開始されている かつ 商品の在庫があるまたは無制限 だったらここまで}-->
            <!--{もし今より先に発行する商品=予約中の商品だったらここまで}-->
        <!--{ショッピングカートに登録されている商品の繰り返しここまで}-->
    </div>
</div>

新着商品を一覧表示する

商品を一覧表示したい場所に以下のソースを書き込むと、新着の商品が一覧表示されます。
新着とみなすかどうかを判断するため、freo公式の新着マーク表示プラグインを導入してください。

<div class="utility">
    <h3>新着商品一覧</h3>
    <div class="content">
        <!--{foreach from=$plugin_catalog_lists|smarty:nodefaults item='plugin_catalog_list'}-->
            <!--{if $plugin_catalog_list.datetime|recently:$freo.config.plugin.catalog.new_days:'day'}-->
                <h4><a href="{$freo.core.http_file}/catalog/view/{$plugin_catalog_list.id}">{$plugin_catalog_list.name}({$plugin_catalog_list.price}円)</a></h4>
                <!--{if $plugin_catalog_list_files[$plugin_catalog_list.id].file or $plugin_catalog_list_files[$plugin_catalog_list.id].file_thumbnail}-->
                <p><a href="{$freo.core.http_file}/catalog/view/{$plugin_catalog_list.id}"><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/catalog_files/{$plugin_catalog_list.id}/{$plugin_catalog_list_files[$plugin_catalog_list.id].file_thumbnail|default:$plugin_catalog_list_files[$plugin_catalog_list.id].file}" alt="商品画像" /></a></p>
                <!--{/if}-->

                <!--{if !$freo.config.plugin.catalog.closed and ($plugin_catalog_list.close == null or $plugin_catalog_list.close|date_format:'%Y%m%d%H%M%S' > $smarty.now|date_format:'%Y%m%d%H%M%S') and ($plugin_catalog_list.stock == null or $plugin_catalog_list.stock != 0)}-->
                <form action="{$freo.core.http_file}/catalog/cart_putin" method="post">
                <fieldset>
                <legend>商品購入フォーム</legend>
                <input type="hidden" name="plugin_catalog[id]" value="{$plugin_catalog_list.id}" />
                <input type="hidden" name="plugin_catalog[count]" value="1" />
                <p><input type="submit" value="カートに入れる" /></p>
                </fieldset>
                </form>
                <!--{/if}-->
            <!--{/if}-->
        <!--{/foreach}-->
    </div>
</div>

解説

<div class="utility">
    <h3>新着商品一覧</h3>
    <div class="content">
        <!--{ショッピングカートに登録されている商品の繰り返しここから}-->
            <!--{もし管理画面→設定→プラグイン→ショッピングカートプラグインで設定した新着とみなす日数以内に発売された商品=新着商品だったらここから}-->
                <h4><a href="{$freo.core.http_file}/catalog/view/{$商品ID}">{$商品名}({$商品の価格}円)</a></h4>
                <!--{もし商品にファイルまたはサムネイルがあったらここから}-->
                <p><a href="商品個別ページのURL"><img src="商品サムネイルのURL(サムネイルが登録されてなければ商品ファイルURL)}" alt="商品画像" /></a></p>
                <!--{もし商品にファイルまたはサムネイルがあったらここまで}-->

                <!--{もし販売終了機能を使っていない かつ 商品が販売終了でないか商品が販売開始されている かつ 商品の在庫があるまたは無制限 だったらここから}-->
                <form action="カートに入れる" method="post">
                <fieldset>
                <legend>商品購入フォーム</legend>
                <input type="hidden" name="plugin_catalog[id]" value="{商品ID}" />
                <input type="hidden" name="plugin_catalog[count]" value="1" />
                <p><input type="submit" value="カートに入れる" /></p>
                </fieldset>
                </form>
                <!--{もし販売終了機能を使っていない かつ 商品が販売終了でないか商品が販売開始されている かつ 商品の在庫があるまたは無制限 だったらここまで}-->
            <!--{もし管理画面→設定→プラグイン→ショッピングカートプラグインで設定した新着とみなす日数以内に発売された商品=新着商品だったらここまで}-->
        <!--{ショッピングカートに登録されている商品の繰り返しここまで}-->
    </div>
</div>

販売中商品を一覧表示する

商品を一覧表示したい場所に以下のソースを書き込むと、新着でない商品で販売終了も売り切れでもない商品が一覧表示されます。
新着とみなすかどうかを判断するため、freo公式の新着マーク表示プラグインを導入してください。

<div class="utility">
    <h3>販売中商品一覧</h3>
    <div class="content">
        <!--{foreach from=$plugin_catalog_lists|smarty:nodefaults item='plugin_catalog_list'}-->
            <!--{if $plugin_catalog_list.datetime < $smarty.now|date_format:'%Y-%m-%d %H:%M:%S' and $plugin_catalog_list.stock != 0 and ($plugin_catalog_list.close == null or $plugin_catalog_list.close|date_format:'%Y%m%d%H%M%S' > $smarty.now|date_format:'%Y%m%d%H%M%S') and !$plugin_catalog_list.datetime|recently:$freo.config.plugin.catalog.new_days:'day'}-->
                <h4><a href="{$freo.core.http_file}/catalog/view/{$plugin_catalog_list.id}">{$plugin_catalog_list.name}({$plugin_catalog_list.price}円)</a></h4>
                <!--{if $plugin_catalog_list_files[$plugin_catalog_list.id].file or $plugin_catalog_list_files[$plugin_catalog_list.id].file_thumbnail}-->
                <p><a href="{$freo.core.http_file}/catalog/view/{$plugin_catalog_list.id}"><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/catalog_files/{$plugin_catalog_list.id}/{$plugin_catalog_list_files[$plugin_catalog_list.id].file_thumbnail|default:$plugin_catalog_list_files[$plugin_catalog_list.id].file}" alt="商品画像" /></a></p>
                <!--{/if}-->

                <!--{if !$freo.config.plugin.catalog.closed and ($plugin_catalog_list.close == null or $plugin_catalog_list.close|date_format:'%Y%m%d%H%M%S' > $smarty.now|date_format:'%Y%m%d%H%M%S') and ($plugin_catalog_list.stock == null or $plugin_catalog_list.stock != 0)}-->
                <form action="{$freo.core.http_file}/catalog/cart_putin" method="post">
                <fieldset>
                <legend>商品購入フォーム</legend>
                <input type="hidden" name="plugin_catalog[id]" value="{$plugin_catalog_list.id}" />
                <input type="hidden" name="plugin_catalog[count]" value="1" />
                <p><input type="submit" value="カートに入れる" /></p>
                </fieldset>
                </form>
                <!--{/if}-->
            <!--{/if}-->
        <!--{/foreach}-->
    </div>
</div>

解説

<div class="utility">
    <h3>販売中商品一覧</h3>
    <div class="content">
        <!--{ショッピングカートに登録されている商品の繰り返しここから}-->
            <!--{もし販売開始されていて かつ 売り切れていなくて かつ 販売終了日時が設定されていないか販売終了日時が今よりも先で かつ 新着商品でないここから}-->
                <h4><a href="{$freo.core.http_file}/catalog/view/{$商品ID}">{$商品名}({$商品の価格}円)</a></h4>
                <!--{もし商品にファイルまたはサムネイルがあったらここから}-->
                <p><a href="商品個別ページのURL"><img src="商品サムネイルのURL(サムネイルが登録されてなければ商品ファイルURL)}" alt="商品画像" /></a></p>
                <!--{もし商品にファイルまたはサムネイルがあったらここまで}-->

                <!--{もし販売終了機能を使っていない かつ 商品が販売終了でないか商品が販売開始されている かつ 商品の在庫があるまたは無制限 だったらここから}-->
                <form action="カートに入れる" method="post">
                <fieldset>
                <legend>商品購入フォーム</legend>
                <input type="hidden" name="plugin_catalog[id]" value="{商品ID}" />
                <input type="hidden" name="plugin_catalog[count]" value="1" />
                <p><input type="submit" value="カートに入れる" /></p>
                </fieldset>
                </form>
                <!--{もし販売終了機能を使っていない かつ 商品が販売終了でないか商品が販売開始されている かつ 商品の在庫があるまたは無制限 だったらここまで}-->
            <!--{もし販売開始されていて かつ 売り切れていなくて かつ 販売終了日時が設定されていないか販売終了日時が今よりも先で かつ 新着商品でないここまで}-->
        <!--{ショッピングカートに登録されている商品の繰り返しここまで}-->
    </div>
</div>

販売終了商品を一覧表示する

商品を一覧表示したい場所に以下のソースを書き込むと、販売期間の終了した商品が一覧表示されます。

<div class="utility">
    <h3>販売終了商品一覧</h3>
    <div class="content">
        <!--{foreach from=$plugin_catalog_lists|smarty:nodefaults item='plugin_catalog_list'}-->
            <!--{if $plugin_catalog_list.close|date_format:'%Y%m%d%H%M%S' < $smarty.now|date_format:'%Y%m%d%H%M%S'}-->
                <h4><a href="{$freo.core.http_file}/catalog/view/{$plugin_catalog_list.id}">{$plugin_catalog_list.name}({$plugin_catalog_list.price}円)</a></h4>
                <!--{if $plugin_catalog_list_files[$plugin_catalog_list.id].file or $plugin_catalog_list_files[$plugin_catalog_list.id].file_thumbnail}-->
                <p><a href="{$freo.core.http_file}/catalog/view/{$plugin_catalog_list.id}"><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/catalog_files/{$plugin_catalog_list.id}/{$plugin_catalog_list_files[$plugin_catalog_list.id].file_thumbnail|default:$plugin_catalog_list_files[$plugin_catalog_list.id].file}" alt="商品画像" /></a></p>
                <!--{/if}-->
            <!--{/if}-->
        <!--{/foreach}-->
    </div>
</div>

解説

<div class="utility">
    <h3>販売終了商品一覧</h3>
    <div class="content">
        <!--{ショッピングカートに登録されている商品の繰り返しここから}-->
            <!--{もし販売終了日時が今よりも前=販売終了商品だったら}-->
                <h4><a href="{$freo.core.http_file}/catalog/view/{$商品ID}">{$商品名}({$商品の価格}円)</a></h4>
                <!--{もし商品にファイルまたはサムネイルがあったらここから}-->
                <p><a href="商品個別ページのURL"><img src="商品サムネイルのURL(サムネイルが登録されてなければ商品ファイルURL)}" alt="商品画像" /></a></p>
                <!--{もし商品にファイルまたはサムネイルがあったらここまで}-->
            <!--{もし販売終了日時が今よりも前=販売終了商品ここまで}-->
        <!--{ショッピングカートに登録されている商品の繰り返しここまで}-->
    </div>
</div>

売り切れ商品を一覧表示する

商品を一覧表示したい場所に以下のソースを書き込むと、売り切れの商品が一覧表示されます。

<div class="utility">
    <h3>売り切れ商品一覧</h3>
    <div class="content">
        <!--{foreach from=$plugin_catalog_lists|smarty:nodefaults item='plugin_catalog_list'}-->
            <!--{if $plugin_catalog_list.stock == 0}-->
                <h4><a href="{$freo.core.http_file}/catalog/view/{$plugin_catalog_list.id}">{$plugin_catalog_list.name}({$plugin_catalog_list.price}円)</a></h4>
                <!--{if $plugin_catalog_list_files[$plugin_catalog_list.id].file or $plugin_catalog_list_files[$plugin_catalog_list.id].file_thumbnail}-->
                <p><a href="{$freo.core.http_file}/catalog/view/{$plugin_catalog_list.id}"><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/catalog_files/{$plugin_catalog_list.id}/{$plugin_catalog_list_files[$plugin_catalog_list.id].file_thumbnail|default:$plugin_catalog_list_files[$plugin_catalog_list.id].file}" alt="商品画像" /></a></p>
                <!--{/if}-->
            <!--{/if}-->
        <!--{/foreach}-->
    </div>
</div>

解説

<div class="utility">
    <h3>売り切れ商品一覧</h3>
    <div class="content">
        <!--{ショッピングカートに登録されている商品の繰り返しここから}-->
            <!--{もし在庫がない=売り切れ商品だったら}-->
                <h4><a href="{$freo.core.http_file}/catalog/view/{$商品ID}">{$商品名}({$商品の価格}円)</a></h4>
                <!--{もし商品にファイルまたはサムネイルがあったらここから}-->
                <p><a href="商品個別ページのURL"><img src="商品サムネイルのURL(サムネイルが登録されてなければ商品ファイルURL)}" alt="商品画像" /></a></p>
                <!--{もし商品にファイルまたはサムネイルがあったらここまで}-->
            <!--{もし販売終了日時が今よりも前=販売終了商品ここまで}-->
        <!--{ショッピングカートに登録されている商品の繰り返しここまで}-->
    </div>
</div>

ページ移動

関連記事

ユーティリティ

Twitter

記事検索

ページ上部へ