デザイン設定(上級)

使用するテンプレートを、上級モードで編集を行います。
【編集中のテンプレートを確認するには】 プレビュー ボタンをクリックすると、編集中のショップ画面を確認できます。
(※【Preview】ボタンでの表示は、実際のスマートフォンでの表示とは異なります。目安としてお考えください。)

下記ページにて、編集・確認することができます。

編集するテンプレートを選択します。

【デザイン設定】画面で、編集するテンプレートの【デザイン設定】ボタンをクリックします。


編集するテンプレート種類を選択します。

【テンプレート名の編集】

使用するテンプレート名を編集できます。
『オリジナル名称』の欄には、テンプレートをダウンロードした際のオリジナルテンプレート名称が表示されます。

【商品一覧時の設定】

並び順の初期設定
カテゴリー(グループ)別商品一覧、商品検索結果での、商品の並び順を設定します。
  • おすすめ順
    • 設定した表示番号順に表示されます。
    • 表示番号の設定がない場合、登録の古い商品から順に表示されます。
  • 価格順
    • 価格の安い順に表示されます。
  • 新着順
    • 登録の新しい商品から順に表示されます。
表示商品数
カテゴリー(グループ)別商品一覧、商品検索結果での、1ページに表示される商品数を設定します。

【フリーページ編集】

現在選択中のテンプレートの、フリーページ設定画面へ移動します。

【フリーページ設定】 の説明はこちら

【テンプレート種類一覧】

テンプレート種類一覧が表示されますので、設定を行うページの【HTML・CSS編集】をクリックしてください。


HTML・CSSの編集を行います。

【HTML編集】

HTMLを表示しています。 編集エリアは、<body> 要素以下から設定されています。
<{**********}> のように記述されている箇所は独自タグとなります。
消去されますと正常な動作が出来なくなりますのでご注意ください。例: <{ $logo }> 等

この項目はHTML編集が可能な場合のみ表示されます。
HTMLの文字数は半角65,530文字が上限となっています。

【CSS編集】

設定されているCSSを表示しています。

この項目はCSS編集が可能な場合のみ表示されます。
CSSの文字数は半角65,530文字が上限となっています。

【編集エリア拡大】

クリックすると編集エリアが拡大されます。

【編集エリア縮小】

クリックすると編集エリアが縮小されます。

【入力支援ツールで編集】

クリックすると、文字の色や大きさを変更したり画像挿入用のHTMLタグを入力する支援ツールが別ウィンドウで表示されます。

【入力支援ツール】 マニュアルはこちら

【更新】

【更新】ボタンを押すと、編集内容を保存します。

【もどる】

【デザイン設定】画面に戻ります。

編集完了後、【更新】ボタンをクリックします。

確認のアラートが表示されますので、【OK】ボタンをクリックします。
以上で設定は完了です。

【デザイン設定】 に戻る