./
├── index.html
└── hal
    ├── _inc
    │   ├── footer.html
    │   ├── header.html
    │   ├── main.html
    │   ├── menu.html
    │   └── side.html
    ├── css
    │   ├── normalize.css
    │   └── styles.css
    ├── font
    ├── images
    ├── lib
    │   └── fontawesome
    ├── parts
    │   ├── footer.html
    │   ├── header.html
    │   └── side.html
    └── src
        ├── jquery-3.3.1.min.js
        ├── loader.js
        ├── maresize.js
        └── script.js

設置したトップページの関連ファイルは、基本的に全て/hal ディレクトリ内に格納されています。
hal ディレクトリ内では、各役割ごとにディレクトリが作成されております。

※編集する際はバックアップをお取りいただくことをおすすめいたします。
※具体的なカスタマイズ方法についてのご質問はお答えしかねますので、予めご了承ください。

このディレクトリには、
「ページに表示されている各パーツの内容が記述されている html ファイル」 が格納されています。
ページの内容を変更したい場合は、基本的にこれらのファイルを調整します。
例えばメインメニュー、サイドメニューの内容を変更したい場合、
_inc/menu.html のファイルを開き、既存の記述に倣って html タグをご調整ください。

このディレクトリには、
「ページ全体のレイアウトや見た目を整える css ファイル」 が格納されています。
背景色や文字色、余白を変更したい場合は、このディレクトリ内の、 styles.css ファイルをご調整ください。

このディレクトリには、
「追加でインストールする必要のあるフォントファイル」 が格納されております。(ない場合は空)
通常、操作する必要はございません。

このディレクトリには、
「トップページテンプレートで使用する画像ファイル(ロゴ、アイコン等)」 が格納されております。

このディレクトリには、
「追加でインストールする必要のある外部プラグインファイル」 が格納されております。
通常、操作する必要はございません。

このディレクトリには、
「商品ページ等の呼び出しに最適化された各バーツの html ファイル」 が格納されております。
トップページと共通のパーツを商品ページ等で使用したい場合は、 このディレクトリ内のファイルを iframe の src 属性としてご指定ください。

このディレクトリには、
「パーツの読み込み、レイアウトの最適化を行うための javascript ファイル」 が格納されております。
通常、操作する必要はございません。