MENU
  1. ホーム
  2. ebisumart
  3. [盛田屋様]各種テンプレート

[盛田屋様]各種テンプレート

ebisumart 盛田屋
神谷 百合子
目次

商品詳細ページのテンプレート

item_detail$RENEWAL2103.xhtml

2021/3/1リニューアル6商品で新規作成したテンプレート。
4/1リニューアルのメイク商品でも使用予定。
※定期対象外商品の注釈なし

4/14時点、使用中商品
https://www.tofu-moritaya.com/item/W00012240.html

item_detail$210316_TEMPLATE.xhtml

定期対象外・1SKUの商品に使用しているテンプレート。（2021リニューアル商品以外）
NEW_TEMPLATE.xhtmlにRENEWAL2103.xhtmlの定期セクションとまとめ買いセクションを移築したもの。
※定期対象外商品の注釈あり。
※いずれ①のリニューアルテンプレートへの載せ替え予定。

4/14時点、使用中商品
https://www.tofu-moritaya.com/item/W00011598.html

item_detail$210316_TEMPLATE_TEIKI.xhtml

定期対象・1SKUの商品に使用しているテンプレート。（2021リニューアル商品以外）
NEW_TEMPLATE_TEIKI.xhtmlにRENEWAL2103.xhtmlの定期セクションとまとめ買いセクションを移築したもの。
※定期対象外商品の注釈なし
※いずれ①のリニューアルテンプレートへの載せ替え予定。

4/14時点、使用中商品
https://www.tofu-moritaya.com/item/W00011876.html

item_detail$210316_NEW_TEMPLATE_TYPE2.xhtml

定期対象外・2SKUの商品に使用しているテンプレート。（2021リニューアル商品以外）
NEW_TEMPLATE_TYPE2.xhtmlにRENEWAL2103.xhtmlのまとめ買いセクションを移築したもの。
※定期対象外商品の注釈あり

4/14時点、使用中商品
https://www.tofu-moritaya.com/item/W00012460.html

item_detail$210316_NEW_TEMPLATE_TYPE2_TEIKI

定期対象・2SKUの商品に使用しているテンプレート。（2021リニューアル商品以外）
NEW_TEMPLATE_TYPE2.xhtmlにRENEWAL2103.xhtmlの定期セクションとまとめ買いセクションを移築したもの。
※定期対象外商品の注釈あり

4/14時点、使用中商品
https://www.tofu-moritaya.com/item/W00011924.html

item_detail$210316_NEW_TEMPLATE_TYPE2_TEIKI_FIRST_ONLY.xhtml

定期対象・2SKUの商品に使用しているテンプレート。（2021リニューアル商品以外）
item_detail$210316_NEW_TEMPLATE_TYPE2_TEIKIの定期セクション内商品を1つにしたもの。
※定期対象外商品の注釈あり

4/14時点、使用中商品
https://www.tofu-moritaya.com/item/W00011281.html

item_detail$210325_NEW_TEMPLATE_TYPE2.xhtml

定期対象外・2SKUの商品に使用しているテンプレート。
4/1リニューアル商品に使用。
※定期対象外商品の注釈なし

4/14時点、使用中商品
なし

item_detail$210325_NEW_TEMPLATE_TYPE2_TEIKI.xhtml

定期対象・2SKUの商品に使用しているテンプレート。
4/1リニューアル商品に使用。
※定期対象外商品の注釈なし

4/14時点、使用中商品
https://www.tofu-moritaya.com/item/W00012521.html

item_detail$210325_NEW_TEMPLATE_TYPE2_TEIKI_FIRST_ONLY.xhtml

定期対象・2SKUの商品に使用しているテンプレート。
item_detail$210325_NEW_TEMPLATE_TYPE2_TEIKIの定期セクション内商品を1つにしたもの。
※定期対象外商品の注釈なし

07/28時点、使用中商品
https://www.tofu-moritaya.com/item/W00012405.html

使用テンプレート確認方法

管理画面、商品検索にて

検索条件：
PC向け商品テンプレート

入力フォーム：
テンプレート名の「$」から前と「.xhtml」を除いたもの

例：
item_detail$210316_NEW_TEMPLATE_TYPE2.xhtml
↓
210316_NEW_TEMPLATE_TYPE2

一致条件：
完全一致

テンプレート編集メモ

PC/SP共通ソース
item_detail$210325_NEW_TEMPLATE_TYPE2.xhtml
item_detail$210325_NEW_TEMPLATE_TYPE2_TEIKI.xhtml
item_detail$RENEWAL2103.xhtml
PC/SP別ソース
item_detail$210316_NEW_TEMPLATE_TYPE2.xhtml
item_detail$210316_NEW_TEMPLATE_TYPE2_TEIKI.xhtml
item_detail$210316_NEW_TEMPLATE_TYPE2_TEIKI_FIRST_ONLY.xhtml
item_detail$210316_TEMPLATE.xhtml
item_detail$210316_TEMPLATE_TEIKI.xhtml

3月内に作成予定のテンプレート

定期対象・2SKUの商品に使用するテンプレート。（2021リニューアル商品以外）
item_detail$NEW_TEMPLATE_TYPE2.xhtmlにRENEWAL2103.xhtmlの定期セクションとまとめ買いセクションを移築したもの。

定期対象で3SKU以上の商品が出現した場合は、テンプレートを作成する必要があります。

テンプレート移行手順

①旧テンプレートから、新テンプレート（1SKU）への移行※商品リニューアル

■該当テンプレート
item_detail$NEW_TEMPLATE
↓
item_detail$RENEWAL2103

■作業内容
「商品コメント１・２・３」にそれぞれ必要な記述を追加

②旧テンプレートから、新テンプレート（2SKU）への移行※商品リニューアル

■該当テンプレート
item_detail$NEW_TEMPLATE
↓
item_detail$210325_NEW_TEMPLATE_TYPE2
item_detail$210325_NEW_TEMPLATE_TYPE2_TEIKI

■作業内容
「商品コメント１・２・３」にそれぞれ必要な記述を追加
「商品コメント１」に下記を追加する。（定期セクション価格表示）

<div style="display: none;">
    <!-- 定期誘導箇所金額 -->
    <span class="teiki-waribiki-kakaku01-1">726</span><!-- 1商品目_割引額 -->
    <span class="teiki-kakaku01-1">1,694</span><!-- 1商品目_割引後価格 -->
    <span class="teiki-waribiki-kakaku02-1">396</span><!-- 2商品目_割引額 -->
    <span class="teiki-kakaku02-1">924</span><!-- 2商品目_割引後価格 -->
    <!-- 定期誘導箇所金額 -->
</div>

③まとめ買いと定期セクションのみ更新(1SKU)

■該当テンプレート
item_detail$NEW_TEMPLATE
↓
item_detail$210316_TEMPLATE
item_detail$210316_TEMPLATE_TEIKI

■作業内容
テンプレートの設定を変更するのみ。

④まとめ買いと定期セクションのみ更新(2SKU)

■該当テンプレート
item_detail$NEW_TEMPLATE
↓
item_detail$210316_NEW_TEMPLATE_TYPE2
item_detail$210325_NEW_TEMPLATE_TYPE2_TEIKI
item_detail$210316_NEW_TEMPLATE_TYPE2_TEIKI_FIRST_ONLY

■作業内容
「商品コメント２」に下記を追加する。（定期セクション価格表示）

<div style="display: none;">
    <!-- 定期誘導箇所金額 -->
    <span class="teiki-waribiki-kakaku01-1">726</span><!-- 1商品目_割引額 -->
    <span class="teiki-kakaku01-1">1,694</span><!-- 1商品目_割引後価格 -->
    <span class="teiki-waribiki-kakaku02-1">396</span><!-- 2商品目_割引額 -->
    <span class="teiki-kakaku02-1">924</span><!-- 2商品目_割引後価格 -->
    <!-- 定期誘導箇所金額 -->
</div>

商品カテゴリページのテンプレート

item_list$campaign_noindex_zeinuki.xhtml

PC向けカテゴリ別商品一覧テンプレート
バースデー施策はじめ、クローズ施策ページ（DMが届いた方限定ページなど）をカテゴリ機能を用いて登録・コーディングする際に使用。

item_list$campaign_noindex_zeinuki_sp.xhtml

SmartPhone向けカテゴリ別商品一覧テンプレート
バースデー施策はじめ、クローズ施策ページ（DMが届いた方限定ページなど）をカテゴリ機能を用いて登録・コーディングする際に使用。

商品詳細ページ作成（リニューアル）時の注意点

共通

表示内容と記載場所について

・まとめ買い商品品番
表示グループ1
・まとめ買い商品品番
表示グループ1

単品商品系

該当テンプレート

item_detail$RENEWAL2103.xhtml
item_detail$210316_TEMPLATE.xhtml

表示内容と記載場所について

・定期割引額
税抜価格に記載
・定期価格
税抜小売価格に記載

2SKU系

該当テンプレート

item_detail$210316_NEW_TEMPLATE_TYPE2.xhtml

表示内容と記載場所について

・付随する商品品番
表示グループ5
・付随する商品のまとめ買い商品品番
表示グループ6

2SKU系 × 定期あり

該当テンプレート

item_detail$210316_NEW_TEMPLATE_TYPE2_TEIKI.xhtml
item_detail$210325_NEW_TEMPLATE_TYPE2_TEIKI.xhtml
item_detail$210316_NEW_TEMPLATE_TYPE2_TEIKI_FIRST_ONLY.xhtml
item_detail$210325_NEW_TEMPLATE_TYPE2_TEIKI_FIRST_ONLY.xhtml

表示内容と記載場所について

・定期割引額 / 定期価格
商品コメント2の上部
・付随する商品品番
表示グループ5
・付随する商品のまとめ買い商品品番
表示グループ6

旧テンプレートの仕様

数量選択
・メイン商品(商品詳細ページのURLになっている商品)の数量選択が表示されていない理由
⇒本当は下の要素にもプルダウンを表示させたかったが、 仕様上、上の要素（ページ内に1個）にしか表示できなかったため

・2SKU用テンプレートの2商品目は数量選択が表示されている理由
⇒”商品グループ”の項目で紐づけされた商品に関しては上も下も問題なく数量選択が表示できる
⇒旧テンプレート作成当時、まとめ買いに3個セットがなかったため、単品を複数個選びやすくしたかった
⇒当時インバウンド需要が高く、海外からの旅行客のまとめ買いがよくあったため、できる限り複数選びやすくしたかった
⇒片方だけでも表示できるのであれば追加したい

・新テンプレートでは外した理由
⇒現在は3個セットがあるため、数量選択させるにしても2個まででよいため
⇒以前ほどの必要性がなことと、上の要素にしか表示できない欠点があるため

ebisumart 盛田屋

この記事を書いた人

神谷 百合子のアバター 神谷 百合子

関連記事

目次