商品詳細ページ
▼商品詳細ページタグ（通常商品用）
| タグ | 説明 | 入力例 | |
|---|---|---|---|
| パンくずリストを表示します。 | |||
| 一つ前の商品へのリンク先URLを表示します。 | <a href="<{$prev_url}>">前の商品へ</a> |
||
| 次の商品へのリンク先URLを表示します。 | <a href="<{$next_url}>">次の商品へ</a> |
||
| ▼商品情報タグ | |||
| 商品が属するカテゴリーの識別コードを表示します。 →識別コードの仕様について |
<{if $category_code == 'ct10'}>
カテゴリー識別コードが「ct10」の商品のときだけ、このタグの中身が表示されます
<{/if}>
|
||
| 商品名を表示します。 | |||
| アイコンを表示します。 | |||
| 商品画像を出力します。縦横の大きい方の辺が300pxに調整されます。 また、複数商品画像が登録されている場合、複数商品画像が優先して表示されます。 |
<a href="<<{$original_img_path}>" target="_blank"><{$img}></a> ※商品画像をクリックしたら別ウィンドウが開き、拡大画像が表示されます |
||
| 拡大画像のパスを出力します。複数商品画像が登録されている場合、複数商品画像のURLを出力します。 | |||
| 複数商品画像を表示します。 | |||
| サムネイル商品画像を表示します。 | <img src="<{$original_img_path}>" id="bigimg"><{$thumb_list}>
※<{$original_img_path}>と組み合わせて使う際は、 必ず赤文字部分のidを入力してください。 |
||
| 製造元を表示します。 | |||
| システム商品コードを表示します。 | |||
| 独自商品コードを表示します。 | |||
| 原産地を表示します。 | |||
| 商品特殊表示に登録した内容を表示します。 | |||
| 税込価格を表示します。 「項目ごとに買い物かごを表示する」が選択され、オプションごとの販売価格が異なる場合は、最少値と最高値の価格を表示します。 例）価格:1,000~3000円 |
<p id="M_usualValue"><span id="taxPrice"><{$price}></span>円(税込)</p> ※必ず赤文字部分のidを入力してください。オプションもしくはオプショングループ選択時に正しく動かなくなります。 |
||
| 商品登録/修正で設定した「販売価格」を表示します。 「項目ごとに買い物かごを表示する」が選択され、オプションごとの販売価格が異なる場合は、最少値と最高値の価格を表示します。 例）価格:1,000~3000円 |
<span id="sellingPrice"><{$selling_price}></span>円 （外税<span id="onlyTax"><{$tax}></span>円） ※必ず赤文字部分のidを入力してください。オプションもしくはオプショングループ選択時に正しく動かなくなります。 |
||
| 消費税を表示します。 | |||
| 定価を表示します。 | <{$consume_price_name}>： |
||
| 定価を表す名前を表示します。 | |||
| ポイントを表示します。 | <p id="shopPoint"><{$point}>ポイント</p> ※必ず赤文字部分のidを入力してください。オプションもしくはオプショングループ選択時に正しく動かなくなります。 |
||
| GMOポイントを表示します。 | <p id="gmo_point_value"><{$tokupoint}>ポイント</p> ※必ず赤文字部分のidを入力してください。オプションもしくはオプショングループ選択時に正しく動かなくなります。 |
||
| GMOポイント付与率の画像を表示します。 | |||
| 注文数量の入力フォームを表示します。 | |||
| 在庫状況を表示します。 | 残りあと<{$stock}>個 |
||
| 商品に在庫の設定ができるオプションを登録している場合、<{if $option_stock_url}>~<{/if}>で囲まれた内容を表示します。 | <{if $option_stock_url}> <a href="<{$option_stock_url}>">在庫確認</a> <{/if}> |
||
| オプション在庫のリンクURLを表示します。 | |||
| オプションをプルダウン形式で表示します。 | |||
| 名入れオプション項目を表示します。 | |||
| スマホ用商品説明文1を表示します。 | |||
| スマホ用商品説明文2を表示します。 | |||
| 追加商品画像と説明文を表示します。 | |||
| お問い合わせのリンクURLを表示します。 | <a href="<{$contact_url}>">お問い合わせ</a> |
||
| 【PC版の商品詳細ページを見る】のリンクURLを表示します。 | <a href="<{$pc_detail_url}>">PC用ページを見る</a> |
||
| 商品グループを表示します。 | |||
| 他のカテゴリーへのリンクプルダウンを表示します。 | |||
| 商品が掲載期間中の場合、囲まれた内容を表示します。 | |||
| 掲載開始日時が設定されている場合、掲載開始日時をYYYY年MM月DD日HH時の形式で表示します。 | |||
| 掲載終了日時が設定されている場合、掲載終了日時をYYYY年MM月DD日HH時の形式で表示します。 | |||
| ▼カートに入れるボタン関係タグ | |||
| カートに入れるリンクURLを表示します。 「項目ごとに買い物かごを表示する」が設定されている場合、オプションを選択するモーダルウィンドウへのリンクを表示します。 |
<input type="submit" onclick="<{$get_basket_url}>" value="カートに入れる"> |
||
| 再入荷のお知らせ通知設定を「使用する」にしている場合、商品が品切れの際に「再入荷のお知らせを受け取る」ボタンを表示します。 | <input type="button" onclick="<{$restock_url}>" value="再入荷のお知らせを受け取る"> |
||
|
【再入荷お知らせ機能を併用する場合の書き方例】 <{if $get_basket_url}> <!--▼商品の在庫がある場合--> <div id="cart"><input type="submit" class="gre" value="カートに入れる" onclick="<{$get_basket_url}>"></div> <{elseif $restock_url}> <!--▼再入荷お知らせ機能を「使用する」で、商品の在庫がない場合--> <div id="cart"><input type="button" class="restock gre" value="再入荷のお知らせを受け取る" onclick="<{$restock_url}>"></div> <{else}> <!--▼再入荷お知らせ機能を「使用しない」で、商品の在庫がない場合--> <div id="soldout">売り切れ</div> <{/if}> |
|||
| ▼お気に入りに追加タグ | |||
| 商品詳細ページで表示されている商品をお気に入りに追加するためのリンクURLを表示します。リンク先としてこの独自タグを記述します。 | <a href="<{$get_favorite_url}>">お気に入りに追加</a> |
||
| ▼セール時使用タグ | |||
| 通常価格を表示します。 | 通常価格：<{$original_price}>円 |
||
| セール期間を表示します。 | セール期間：<{$discount_period}> |
||
| 割引率を表示します。 | <{$discount_rate}>%OFF |
||
| ▼会員グループ別価格時使用タグ | |||
| ログインしている場合、会員グループ別に設定した価格を表示します。 「項目ごとに買い物かごを表示する」が選択され、オプションごとの販売価格が異なる場合は、最少値と最高値の価格を表示します。 例）価格:1,000~3000円 |
<{if $is_member_group_price}> <p id="M_memberValue" style="display:none;">会員特別価格：<span id="taxMemberPrice"><{$member_price}>円(税込)</p> <{/if}> ※必ず赤文字部分のidを入力してください。 |
||
| ▼商品レビュータグ | |||
| この商品に対する評価を星で表示します。 | |||
| この商品に対するレビュー件数を表示します。 | <{$review.count}>件 |
||
| この商品に対するレビュー平均値を表示します。 | |||
| この商品に対するレビュー一覧を表示します。 | |||
| レビュー投稿画面へのリンクURLを表示します。 | |
||
| ▼SNS設置タグ | |||
| Twitterのつぶやきボタンを表示します。 | |||
| Facebookの「いいね！」ボタンを表示します。 | |||
| LINEで送るボタンを表示します。 | |||
| mixiチェックボタンを表示します。 | |||
| mixiイイネ！ボタンを表示します。 | |||
商品詳細ページ（予約商品）
▼予約商品表示制御タグ/専用タグ
| タグ | 説明 | 入力例 | |
|---|---|---|---|
| 通常商品の設定をしている場合、 <{if $normalsale}>~<{/if}>で囲まれた内容を表示します。 |
<{if $normalsale}> 通常商品のHTML <{/if}> <{if $reservesale}> 予約商品のHTML <{/if}> |
||
| 予約商品の設定をしている場合、 <{if $reservesale}>~<{/if}>で囲まれた内容を表示します。 |
|||
| 以下のタグは<{if $reservesale}>~<{/if}>内で使用してください | |||
| 商品の発売日を「発売日：yyyy年mm月dd日」形式で表示します。 | |||
| 商品の発売日備考を表示します。 | |||
| 予約商品備考を表示します。 | |||
商品詳細ページ（定期購入）
▼定期購入表示制御タグ/専用タグ
| タグ | 説明 | 入力例 | |
|---|---|---|---|
| 通常商品の設定をしている場合、 <{if $normalsale}>~<{/if}>で囲まれた内容を表示します。 |
<{if $normalsale}> 通常商品のHTML <{/if}> <{if $repeatsale}> 定期購入商品のHTML <{/if}> |
||
| 定期購入商品の設定をしている場合、 <{if $repeatsale}>~<{/if}>で囲まれた内容を表示します。 |
|||
| 以下のタグは<{if $repeatsale}>~<{/if}>内で使用してください | |||
| 定期購入販売価格を表示します。 回数割引を設定している場合は何も表示されません。 |
|||
| 回数割引を設定している場合、定期購入価格の一覧を表形式で表示します。 回数割引を設定していない場合は何も表示されません。 |
|||
| 定期購入の発行ポイントを表示します。 | |||
| お届けサイクルごとに設定した、商品詳細画面表示用のご案内文を表示します。 | |||
| 定期購入商品のオプションをプルダウン形式で表示します。 | |||
| 定期購入商品の数量入力フォームを表示します。 | |||
| 買い物かごに入れるリンクURLを表示します。 | |||
| 登録中の景品を一覧表示します。 | |||
| 「スマホ用説明文2」の内容を出力します。 | |||
| 「スマホ用説明文1」の内容を出力します。 | |||
表示制御に便利なifタグ
<{if $review.count}> <{$review.star}> <p class="reviewCount">（<a href="#itemReview"><{$review.count}>件</a>）</p> <{/if}>
上のように書いた場合、その商品に対してレビューが1件以上あれば、<{if $review.count}><{/if}>で囲んだ中身を表示します。レビューがない場合は何も表示されません。
<{if }>の中にはどのタグでも記述が可能です。表示制御にご利用ください。
Copyright (c) , GMO makeshop Co. Ltd.All Rights Reserved.