赤い枠で囲ったフォームの出力部分のデザインを変更します。
フォームの出力部分はシステムから出力されており、標準設定では修正出来ないようにしています。
テンプレートファイルの編集を行うために下記の手順を行います。
※カートID:bryonをベースにして話を進めます。
cms
└── soyshop
└── webapp
└── src
└── cart
└── bryon
└── pages
├── Cart01Page.html
├── Cart02Page.html
├── Cart03Page.html
├── Cart04Page.html
├── Cart05Page.html
├── CompletePage.html
├── ErrorPage.html
└── MaintenancePage.html
上記のパスはシステムから出力されるフォーム部分のHTMLファイルが格納されているディレクトリになります。
太文字で示したpagesディレクトリ毎コピーして、
/ルート/ショップID/.template/cart/pagesとなるように貼り付けします。
pagesディレクトリを貼付け後、pagesディレクトリのディレクトリ名をカートID(今回はbryon)に変更します。
※例 ショップIDがshop、カートIDがbryonの場合
shop
└── .template
└── cart
├── bryon
│ ├── Cart01Page.html
│ ├── Cart02Page.html
│ ├── Cart03Page.html
│ ├── Cart04Page.html
│ ├── Cart05Page.html
│ ├── CompletePage.html
│ ├── ErrorPage.html
│ └── MaintenancePage.html
├── bryon.html
└── bryon.ini
ディレクトリのコピーとディレクトリ名の変更が終了したら管理画面を開きます。
サイト管理 > テンプレート管理を開き、アプリケーションページテンプレート一覧にアプリケーションテンプレートのリンクが表示されていることを確認した上でアプリケーションテンプレートのページを開く。
カートのアプリケーションテンプレート一覧にIDがbryonのカートが表示されていれば、フォームの箇所のテンプレートのカスタマイズの準備が出来たことになります。
テンプレートはサーバに上がっているファイルを直接修正、もしくは管理画面からの修正となります。
今回紹介しました機能は非推奨ですので、テンプレート内で使用しているsoy:idの説明はありません。
編集するのであれば、
コードの色付き表示のエディタでサーバにあるファイルを直接開いて編集することをおすすめします。