ショップデザイン「ベーシックモード」の設定画面を一覧で確認することができます。
HTMLと各画面ごとに利用できる独自変数タグを使って自由にショップのデザインをすることができます。
各画面に記載のないタグは、別の画面に入力しても反映されません。

• メニューの説明
• ショップデザイン「ベーシックモード」トップ画面の説明
• ショップデザインとは

• 各画面のバックアップ機能
• HTMLでページをデザイン

• 運営ノウハウ集

メニューの説明

2019年3月28日に追加された、新たなデザイン編集機能「クリエイターモード編集画面」へ切り替えることができます。
また、利用モードによってメニュー画面は以下のように表示されます。

「ベーシックモード適用中」の場合

• 1
  ショップデザイン・カスタマイズテンプレート・デザインテンプレートを利用中の場合「ベーシックモード適用中」と表示されます。
• 2編集画面を切り替えることができます。「クリエイターモード編集画面へ」切り替えたい場合はクリックします。
  （デザインの適用は切り替わりません）
• 3「この画面のデザインをショップに反映する」とベーシックモードで設定されているデザインを適用します。

「クリエイターモード適用中」の場合

• 1クリエイターモードのテンプレートを利用中の場合「クリエイターモード適用中」と表示されます。
• 2編集画面を切り替えることができます。「ベーシックモード編集画面へ」切り替えたい場合はクリックします。
  （デザインの適用は切り替わりません）

ショップデザイン「ベーシックモード」トップ画面の説明

「デザイン設定画面一覧」にあるボタンをクリックすると各設定画面に移ります。

• 1「カスタマイズテンプレート選択画面へ」・・・あらかじめ用意されたカスタマイズテンプレートを選択できる画面へ移ります。
• 2「共通CSS管理」・・・ショップに適用するスタイルシート作成画面に移ります。
• 3「共通headタグ管理」・・・headタグ内にソースコードを追加作成できる画面に移ります。
• 4「デザイン一括バックアップ画面へ」・・・現在適用されているショップページデザインを一括で保存できる画面へ移ります。

各画面のバックアップ機能について

• 「バックアップをとる」をクリックすると、現在の編集内容をバックアップデータとして保存することができます。
  バックアップ保存されるとバックアップ日時が表示されます。
  バックアップデータ保持件数は、1件のみのため、既存のバックアップデータを上書き更新します。
• 「バックアップを読み込む」をクリックするとバックアップデータを読み込みます。
  編集中の内容を破棄して、入力欄に表示します。

ショップデザインとは

ショップデザインは、ショップのデザインを決定するテンプレートと、 オリジナルで作成したデザインの切り替えをおこなうことで、ショップに適用します。

HTMLでページをデザインする

ショップの一部を除くページのHTMLは、以下のような構成になっています。
各メニューに部品として登録していただくことで、自動的にページが出力されます。

■ベーシックモード

■クリエイターモード

※ショップデザインできないページは、以下のメニューから設定することができます。

※会社概要ページなど

• 【ショップ作成】>【ショップ情報の設定】>【特定商取引法の設定】
• 【ショップ作成】>【ショップ情報の設定】>【個人情報ポリシー設定】
• 【ショップ作成】>【ショップ情報の設定】>【会社概要の設定】
• 【ショップ作成】>【ショップ情報の設定】>【利用案内設定】

※ログインページなど

• 【ショップ作成】>【デザインの設定】>【ログインページデザイン】
• 【ショップ作成】>【デザインの設定】>【会員登録画面デザイン】
• 【ショップ作成】>【デザインの設定】>【お問い合わせ画面の設定】

※注文画面ページ

• 【ショップ作成】>【デザインの設定】>【注文画面デザイン】
• 【ショップ作成】>【デザインの設定】>【注文完了画面デザイン】

運営ノウハウ集