ファイルエディタは.../design/themes/theme_nameディレクトリ以下に置かれているファイルを管理するのに役立ちます。
ファイルの編集方法：
- 管理パネルの
デザイン > ファイルエディターへ移動します。 - 左のパネルから目的のディレクトリとファイルを選択します。このパネルは…/design/themes/theme_nameディレクトリの構造を示しています。
- コードの部分を編集したら、【変更を保存】をクリックします。
＜画像＞
ファイルエディターは、ストアフロントのテンプレートをその場で編集することが可能です。
ストアフロントで目的の要素を選択し、要素の右上のアイコンをクリックしてテンプレートの内容を編集します。
ソースコードは強調されていますので、テンプレートの構造を調べることはとても簡単です。保存された変更はストアフロントでそのまま確認することができます。
ファイルエディターの利用方法
ファイルエディタの使用の一例として、商品のカテゴリページでカートへ追加要素の場所を変更する例を見てみましょう。
＜画像＞
templates > blocks > list_templates > products_list.tplをファイルエディタを開き、下記の行を探し、コードから削除してください：
<>
- 同じファイルで
<div class=”float-left product-item-image center”>クラスを持つ要素を探し、画像のように正確に以前のコードをペーストします:
<>
float-right rightを<div class=”float-right right add-product”>から削除し、<div class=”add-product”>に変更します。- 【変更を保存】をクリックします。
- 変更が正確に変更されたことを確認するためにストアフロントのカテゴリーページを開きます。