スマホショップデザインタグ

トップページ

▼トップページ内基本タグ

タグ 説明 入力例
トップページイメージを表示します。

【ショップ作成】>【デザインの設定】>【トップページイメージの設定】

スマートフォン用テキストを表示します。

【ショップデザイン(スマホ)】>【スマホ基本設定】

<div id="intro"><{$shop_comment}></div>
お知らせリストを表示します。
以下のタグは<{section name=i loop=$news.list max=$news.max}>~<{/section}>内で使用してください
お知らせの投稿日付を表示します。
お知らせの投稿時刻を表示します。
お知らせページへのリンクURLを表示します。
<a href="<{$news.list[i].url}>"><{$news.list[i].title}></a>
お知らせのタイトルを表示します。
お知らせの内容を表示します。
おすすめ商品を表示します。
<section>
<h2>おすすめ商品</h2>
<{$recommend_html}>
</section>
新商品を表示します。
<section>
<h2>新商品</h2>
<{$newitem_html}>
</section>
新着商品レビューを表示します。
<section>
<h2>商品レビュー</h2>
<{$review_product.list_html}>
</section>

▼ランキング

タグ 説明 入力例
ランキングのループ文を宣言します。
max=で表示する商品数を指定することができます。(max=$ranking_product.maxだと最大10個表示、max=5だと5個表示)
以下のタグは<{section name=i loop=$ranking_product.list max=$ranking_product.max}>~<{/section}>内で使用してください
ランキングの順位(数字のみ)を表示します。
<p><{$ranking_product.list[i].number}>位</p>
ランキングの商品画像を表示します。
<img src="<{$ranking_product.list[i].image}>" <{$ranking_product.list[i].scaledown}>>
ランキングの商品画像サイズを表示します。
このタグを挿入すると、画像の長辺が100pxになるように表示されます。
ランキングの商品詳細ページへのURLを表示します。
<a href="<{$ranking_product.list[i].url}>"><{$ranking_product.list[i].name}></a>
ランキングの商品名を、半角全角問わず24文字まで表示します。
ランキングの商品価格を表示します。
<p><{$ranking_product.list[i].price}>円</p>

トップページ(カタログ注文)

▼カタログ注文表示制御タグ/専用タグ

タグ 説明 入力例
カタログ注文ページへのリンクURLを表示します。
<a href="<{$catalog_url}>">カタログ注文</a>
表示制御に便利なifタグ
<{if $recommend_html}>
    <section>
    <h2>おすすめ商品</h2><{$recommend_html}>
    </section>
<{/if}>

上のように書いた場合、「おすすめ商品」に商品の登録がある場合、<{if $recommend_html}><{/if}>で囲んだ中身を表示します。登録がない場合は何も表示されません。
<{if }>の中にはどのタグでも記述が可能です。表示制御にご利用ください。