1. マニュアル

リピストクロスのページの構造について

ページの構造について

弊社カートシステムはすべてテンプレートファイル(tplファイル)で構成されています。

構造としては入れ子になっており、最も外側にsite_frame.tpl、その内側にsite_main.tplとなっています。
さらにその内側に各コンテンツのtplとなります。

図にすると以下のようなイメージです。






ページ構造

基本構造

ページ構造は下図のように入れ子になっています。


site_frame.tpl・site_main.tplは 土台みたいなもので、全ページ共通で使用されています。
header.tpl・footer.tplは全ページ共通ですが、ページによっては外すことが出来ます。
各ページのtplファイルは”そのページ”のメインコンテンツ部分です。


TOPページ

TOPページをみてみましょう。
(https://XXXXX.net/)

共通ファイルは変わっていませんが、 真ん中のファイルがtop.tplとなっています。

つまり、TOPページのメインコンテンツを編集する場合、top.tplを編集すればいいのです。

その他にも、「ブロック」と呼ばれるもので、簡単に2カラムや3カラムにすることが可能となります。

■TOPページにブロックを使った場合
左側のみにブロックを設置すると2カラムの構成となります。


以下より設定することができます。
デザイン管理>PC用設定>レイアウト設定
デザイン管理>スマートフォン用設定>レイアウト設定


商品一覧ページ

商品一覧ページをみてみましょう。
(https://XXXXX.net/product/list/1)

共通ファイルは変わっていませんが、 真ん中のファイルがlist.tplとなっています。

つまり、商品一覧ページのメインコンテンツを編集する場合、list.tplを編集すればいいのです。


その他の主な使用ページ

商品詳細ページ
https://xxxxx.jp/product/detail/●
カートページ
https://xxxxx.jp/cart/index.php
マイページ(購入履歴)
https://xxxxx.jp/mypage/index.php
マイページ(定期申込履歴)
https://xxxxx.jp/mypage/regular.php
マイページは左にnavi.tplが配置されており2カラム構造となっています。
navi.tplはマイページのメニューを表示するファイルで、非表示にする事はできません。

購入確認ページ
https://xxxxx.jp/shopping/confirm.php
購入完了ページ
https://xxxxx.jp/shopping/complete.php


LPフォーム

https://XXXXX.jp/shopping/lp.php?p=●●●

LPフォームは他のページと異なりメインコンテンツ部分がLPエリアとフォームエリアに分かれて構成されています。


また、ヘッダー・フッターを各LPフォームごと個別設定する事が可能です。
header.tpl・footer.tplは個別設定した場合、以下のファイルとなります。
head.tpl・head_sp.tpl
footer.tpl・footer_sp.tpl

LPフォームの構造については下記マニュアルをご参照ください。
LPフォーム設定_マニュアル




テンプレートファイルについて

site_frame.tpl・site_main.tplは、サイト全ページに影響するファイルです。
全ページで反映してしまうと都合が悪い記述を設置する際は、if分岐(<if $条件> ~ </if>)もしくは 広告管理>グローバルタグ設定をご使用ください。

テンプレートファイルについては下記マニュアルをご参照ください。
テンプレートファイル対応表_マニュアル

この記事の目次

  1. ページの構造について
  2. ページ構成
  3. テンプレートファイルについて

ありがとうございました。
よろしければ、ご意見をお聞かせください。

件名、コメントをご入力いただき、『送信』ボタンをクリックしてください。

ご意見を送られない場合は、『閉じる』ボタンをクリックしてください。

件名:

お問い合わせ内容:

閉じる