1. 管理画面メニュー「 デザイン設定 ＞ テーマ ＞ テーマの選択 」にアクセスします。
2. 画面上の「お店ページで利用中のテーマ」を確認します。
   
   お店ページで利用中のテーマ（CSSや画像）に戻せるように、
   現在、利用している「テンプレート」と「テーマ名」を覚えておきます。
   
   
   

   【 表示形式 】
   テンプレート名 ＞テーマ名
   CSSをカスタマイズせずに利用している場合、選択したテーマ名がそのまま表示されます。
   
   
   カスタム ＞ カスタムテーマ名
   CSSをカスタマイズしている場合、CSSを編集する時に決めた「カスタムテーマ名」が、お店ページで利用中のテーマとして表示されます。
   

1. 管理画面メニュー「 デザイン設定 ＞ テーマ ＞ CSSのカスタマイズ 」にアクセスします。
2. 現在、利用しているテーマのCSSを編集している場合、「テーマ１～５」のどれをお店ページに適用しているか確認しておきます。
   また、「編集元」のテンプレートを確認しておきましょう。
   
   
   
   

   CSS のインポートを利用している場合
   管理画面メニュー「 デザイン設定 ＞ テーマ ＞ CSSのインポート 」で、貴社で作成されたスタイルシートと 画像をインポートしている場合、現在設定している「インポートテーマ名」や「編集元」を確認しておきましょう。

   
   

   
   CSSのカスタマイズが無ければ、この画面は確認する必要はありません。
   

1. 管理画面メニュー「 デザイン設定 ＞ テーマ ＞ ボタンのカスタマイズ 」にアクセスします。
2. ボタン・アイコン画像をカスタマイズしているか確認します。
   
   この画面のボタン・アイコン画像は、選択したテーマに基づいたデザインの画像に切り替わります。貴社で用意した画像に変更している場合は、この画面を印刷しておくと、元に戻しやすいです。


お店ページで利用中のテーマのボタンやアイコン画像を、そのまま変更せずに利用している場合は、この画面を印刷する必要はありません。

1. 管理画面メニュー「 デザイン設定 ＞ テーマ ＞ HTMLのカスタマイズ 」にアクセスします。
2. 画面下部の「ダウンロード」ボタンをクリックします。
   現在、お店ページで利用しているテンプレートのHTMLのカスタマイズ内容が、圧縮したzipファイル（html_customize_tpls.zip）でダウンロードできます。
   
   
   
   すぐ下のアップロード機能で、ダウンロードしたzipファイルを登録すると元に戻すことができますので、バックアップをとっておきましょう。
   
   

   ベーシックテンプレート利用している場合
   管理画面メニュー「 デザイン設定 ＞ トップページ ＞ ヘッダとSEOの設定 」の「HTMLカスタマイズ（ベーシックテンプレート用/上級者向け）」の編集内容は、メモ帳などにバックアップをとっておきましょう。

   
   

   
   「カスタマイズあり」の表示が１つも無ければ、この画面でダウンロードは必要ありません。（ダウンロードボタンは表示されません。）

【 注意例 】
・ 自動生成のトップページ「/index.html」をカスタマイズしている
・ テーマの標準画像に、サーバーで直接上書きしてアップロードしている
・ テーマの default.css に、サーバーで直接上書きして更新している

自作ファイルのサーバーのアップロード先が、「docs」ディレクトリ内の場合、お店ページの更新に伴う影響はありません。また、自作トップページ「/index.htm」は影響ありません。

1. 画面下部の「レスポンシブデザイン対応テーマ（上級者向け）」より、
   テーマをクリックします。
   
   ポップアップウィンドウで選択したテーマが開きます。

2. 「プレビューを見る」をクリックします。
   別のタブで、サンプルデザインが開きます。
   
   トップページ・商品一覧・商品詳細ページの各デザインが確認できます。また、ウィンドウサイズを変更すると、ＰＣ、タブレット、スマートフォンの各レイアウトも確認できます。

3. 「デザインパーツダウンロード」をクリックします。
   このテーマを選択後、アップロードするデータを zipの圧縮ファイルで、まとめてダウンロードできます。
4. 「現在のレイアウト設定ダウンロード」をクリックします。
   管理画面メニュー「 デザイン設定 ＞ トップページ ＞ 全体のレイアウト 」の設定が記載している
   現在のレイアウト（page_layout.txt）をダウンロードできます。
   
   

   
   テーマに切り替え後に元のテーマに戻したい時に、現在の設定に戻すことができます。

5. 「このデザインを選択する」ボタンをクリックします。
   
   ポップアップウィンドウが閉じられて、元の画面に戻ります。

6. 選択したテーマは「現在の使用中のテーマ」と表示されます。
   
   管理画面で編集ができるようになります。
   

1. ＦＴＰソフトで、ショップサーブのサーバーに接続します。
   ダウンロードした画像ファイルを「pict」の直下にアップロードします。
   
   

   
   「pict」の中に、さらにフォルダを入れると画像台帳に登録できません。
   画像ファイルだけ をアップロードしてください。 　

   
   ＦＴＰサーバーの接続方法は、他のページで詳しくご案内しています。
   ＞＞詳しくは、オンラインサポートで検索「094」

1. 「HTMLを編集」ボタンをクリックします。
2. 「初期値に戻す」ボタンをクリックします。
   「カスタマイズあり」の表示が消えます。
   
   同様の手順で、この画面の「カスタマイズあり」の表示は、
   すべて初期値に戻してください。
   

   
   既にカスタマイズがある状態で、zipファイルはアップロードしないで下さい。レスポンシブデザインの表示に影響が出る可能性があります。

   
   「ベーシックテンプレート」から「カスタムテンプレート」のテーマに切り替えは、この画面は初期値の状態です。
   カスタムテンプレート同士のテーマ切り替えの場合、こちらの画面は初期値に戻りません。そのため、初期値に戻す必要があります。

3. レスポンシブデザイン対応テーマ（上級者向け）の選択画面で、
   ダウンロードしたzipファイルを選択します。
   
4. 「登録」ボタンをクリックしアップロードします。
   正常に完了すると画面上部に「アップロードされました」と表示がでます。

1. 表示するコンテンツを「非表示」→「表示」に切り替えます。
2. 「↓表示レイアウト設定へ反映」をクリックします。

推奨レイアウト以外を設定を行って表示が崩れた場合は、
HTML・CSSの調整を行ってください。

＜ ホワイト 推奨外の設定例 ＞
・定休日カレンダー ・・・・・・・表示
・ショップからのお知らせ ・・・・非表示

上記設定の場合、定休日カレンダーが横幅100%で表示します。管理画面メニュー「 デザイン設定 ＞ テーマ ＞ CSSのカスタマイズ 」で調整が必要になります。

3. 「上へ」「下へ」ボタンをクリックして、
   必要に応じて 選択したコンテンツを上下に移動します。
4. 表示位置が確定したら、「設定を保存する」をクリックします。


全体のレイアウトの設定について、他のページでご案内しています。
＞＞詳しくは、オンラインサポートで検索 「037」

1. 左から２番目の転送設定をクリックします。
   
   ＜ 推奨する転送設定 ＞
   スマートフォン 「カート画面のみスマートフォンサイトを表示」
   パソコン 「すべてＰＣサイトを表示」
2. 「リダイレクトの方法の確認と更新（上級設定）」をクリックします。
3. 「302リダイレクト」または「301リダイレクト」を選択します。

   
   「302リダイレクト」から「301リダイレクト」の違いを理解した上で切り替えましょう。詳しくはこちらをご覧ください。
   
   

4. 「設定を保存する」をクリックします。

   
   /docs/.htaccess は、「設定を保存する」ボタンをクリックすると初期化されます。貴社でカスタマイズしている場合、事前にバックアップをとりましょう。

   
   お店ページの更新を行わないと、お店ページが真っ白になったり、無限ループしたり、ページが正しく表示されないことがあります。 「設定を保存する」ボタンをクリックした後は、「お店ページの更新」が必要です。

1. 管理画面の左上「お店ページの更新へ」ボタンをクリックします。
2. 「注意事項に同意する」にチェックを入れます。
3. 「編集中のテーマでお店を更新」ボタンをクリックします。
   サイト更新が完了するまでお待ちください。
4. 更新が完了したら、お店ページを確認します。

店舗さん自身でページを編集する前に「編集中のテーマでお店ページの更新」を行った場合、サンプルの画像やサンプル文言のままのため、お店ページは未完成です。

お客さん側だけお店ページが閲覧できないようにするには、管理画面メニュー「 お店設定 ＞ 開店・閉店 ＞ 開店・閉店の切替 」で「開店準備にする」または「開店にする (ログイン制限付き)」に設定を行ってください。