[makeshop]商品一覧サンプル

トップページに埋め込むやつとか。

商品カテゴリー

サンプルがないので一番近いものを参考にして基本形を確認する。

<{if $category.item.has_item}><{* 商品登録がある場合 *}>
<ul>
    <{section name=i loop=$category.item.list}><{* 商品情報(ループ処理) *}>
    <li>
        <a href="<{$category.item.list[i].url}>">
            <img src="<{$category.item.list[i].image_M}>" alt="<{$category.item.list[i].name}>">
            <p><{$category.item.list[i].name}></p>
            <{if $category.item.list[i].is_soldout}>
            <p>SOLD OUT</p>
            <{else}>
            <p>¥<{$category.item.list[i].price|number_format}></p>
            <{/if}>
        </a>
    </li>
    <{/section}>
</ul>
<ul class="pager">
<{section name=i loop=$category.pager.list}><{* ページャー *}>
    <{if $category.pager.list[i].is_current_page}>
    <li class="active"><{$category.pager.list[i].number}></li>
    <{else}>
    <li><a href="<{$category.pager.list[i].url}>"><{$category.pager.list[i].number}></a></li>
    <{/if}>
<{/section}>
</ul>
<{else}><{* 商品登録がない場合 *}>
<p>商品はありません</p>
<{/if}>

これの応用になる。ほぼタグを置換すれば済む。

バリエーション

書き出せる商品一覧はクリエイターモードタグに書かれている。でも書き方が書いてない。

クリエイターモードタグ
新商品$new_item
おすすめ商品$recommend_item
スペシャル商品$special_item
ランキング$ranking_item
最近チェックした商品$recently_item
「$category.item」と置き換えるイメージ

おすすめ商品だとこんな感じになる。

<{if $recommend_item.has_item}>
<ul>
    <{section name=i loop=$recommend_item.list}>
    <li>
        <a href="<{$recommend_item.list[i].url}>">
            <img src="<{$recommend_item.list[i].image_M}>" alt="<{$recommend_item.list[i].name}>">
            <p><{$recommend_item.list[i].name}></p>
            <p>¥<{$recommend_item.list[i].price|number_format}></p>
        </a>
    </li>
    <{/section}>
</ul>
<{/if}>

sectionをこうすると表示数を制限できる。

<{section name=i loop=$recommend_item.list max=5}>

商品情報は他にも載せられるんで、詳細はタグ一覧を参照。

コメント

タイトルとURLをコピーしました