お店ページのテーマを変更する

「カスタムテンプレート」の方が、よりスタイリッシュなお店ページを作れます。また、シンプルなデザインは、商品画像やバナーを設置した時に目を引きやすいです。

1. 「プレビューを見る」ボタンをクリックします。
   選んだテーマを使ったお店ページのサンプルを見られます。
2. 「現在のレイアウト設定ダウンロード」ボタンをクリックします。
   カスタムテンプレート⇔ベーシックテンプレート間でテーマを変更しなければ、「ダウンロードする」は必要ありません。
3. 「このデザインを選択する」をクリックします。
   ポップアップウィンドウが閉じられて、元の画面に戻ります。

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

カスタムテンプレートをご利用の場合、デザイン設定の左メニュー「テーマの選択」から「ヘッダとＳＥＯの設定」までは、画面下部の「編集中のテーマでお店を更新」ボタンで、お店ページに反映します。

編集中のテーマでお店を更新
テンプレートの切り替えや、ＨＴＭＬやＣＳＳのカスタマイズしたデザイン設定をお店ページに反映する時に利用します。「利用中のテーマ」から「編集中のテーマ」に切り替えて更新するため、注意事項に同意してから更新する必要があります。

利用中のテーマでお店を更新
トップページのお知らせの更新、フリーエリア、サイドバーの表示、商品カテゴリ表示などの反映ができます。また、お店運営中にカスタマイズしている「編集中のテーマ」があっても「利用中のテーマ」のまま、お店ページの更新をする際に利用します。

お店ページを更新しても反映されない場合の対処方法

• キーボードの「Ctrl」＋「F5」キーを押して最新の状態を読み込みましょう。
• 画面上部の「利用中のテーマでお店を更新」ボタンでクリックしていないか、ボタンの下に表示される「最終更新日時」で確認してみましょう。

CSS のカスタマイズを利用している場合は、左メニュー「CSS のカスタマイズ」をクリックし、利用しているテーマの「編集元」を確認しておきます。

カスタマイズしていなければ、この画面は確認の必要はありません。

テーマを切り替えるとボタン・アイコン画像も、切り替えたテーマのデザインに合う画像に切り替わりますので、元に戻せるようにこの画面を印刷しておいてください。

1. 切り替えたいテーマを選び、クリックします。
   ポップアップウィンドウが開きます。
   

2. 「プレビューを見る」を、クリックします。
   お店ページのサンプルイメージを確認できます。
   
3. 「現在のレイアウトの設定ダウンロード」をクリックします。
   ダイアログが表示されるのでファイル（page_layout.txt）を保存します。
   

「ベーシックテンプレート」から「カスタムテンプレート」に、切り替えると、管理画面メニュー「 デザイン設定 ＞ トップページ ＞ 全体のレイアウト 」の設定が初期化されます。テンプレートを切り替えた後で元に戻したい場合に、現在のレイアウト設定をダウンロードしておくと元に戻しやすくなります。

4. 「このデザインを選択する」をクリックし、テーマを決定します。

以下の画面の変更は、編集中のテーマでお店を更新まで、
お店ページに反映できなくなります。

    ・ボタンのカスタマイズ
    ・CSS のカスタマイズ
    ・CSS のインポート
    ・HTML のカスタマイズ
    ・カート専用のCSS
    ・全体のレイアウト
    ・ヘッダと SEO の設定

1. 「表示コンテンツ設定」から表示するコンテンツを選びます。
   
   表示するコンテンツは「非表示」→「表示」に切り替えます。
   すべて切り替え後、画面下の「表示レイアウト設定へ反映」をクリックします。
2. 「表示レイアウト設定」から並び順を設定し「設定を保存する」をクリックします。

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

お店ページを更新しても反映されない場合の対処方法

• キーボードの「Ctrl」＋「F5」キーを押して最新の状態を読み込みましょう。
• 画面上部の「利用中のテーマでお店を更新」ボタンでクリックしていないか、ボタンの下に表示される「最終更新日時」で確認してみましょう。

1. 「ベーシックテンプレート」のタブをクリックします。
2. 事前準備で確認しておいた元のテーマをクリックします。
3. 「2列」または「3列」を選択します。
   
   
   

   
   ベーシックテンプレートを選んでいる場合は、「標準（3 列）」「右サイドバーなし（2 列）」の選択があります。「標準（3 列）」を選択すると、トップページのみ、右サイドバーを表示することができます。

4. 「このデザインを選択する」をクリックします。

1. 管理画面の左上「お店ページの更新へ」ボタンをクリックします。
2. 「更新を開始」をクリックします。
   
   更新が完了したら、お店ページを確認してみましょう。

お店ページを更新しても反映されない場合の対処方法

• ブラウザのキャッシュを削除してください。
  キーボードの「Ctrl」＋「F5」キーを押して最新の状態を読み込みましょう。

CSS のカスタマイズを利用している場合は、左メニュー「CSS のカスタマイズ」をクリックし、利用しているテーマの「編集元」を確認しておきます。

カスタマイズしていなければ、この画面は確認の必要はありません。

テーマを切り替えるとボタン・アイコン画像も、切り替えたテーマのデザインに合う画像に切り替わりますので、元に戻せるようにこの画面を印刷しておいてください。

「HTML のカスタマイズ」はカスタムテンプレート選択時に利用できる機能です。
ベーシックテンプレートに切り替えると、「HTML のカスタマイズ」の編集内容が初期化されるので、必要に応じてダウンロードしてください。

ポップアップしたウィンドウの「プレビューを見る」をクリックすると、

1. トップページのレイアウト設定を選択します。
   「3列」または「2列」を選びます。
2. 「プレビューを見る」をクリックします。
   選んだテーマを使ったお店ページのサンプルイメージを確認します。
   
3. 「ダウンロードする」をクリックします。
   ダイアログが表示されるのでファイルを保存します。

「ベーシックテンプレート」から「カスタムテンプレート」に切り替えると、管理画面メニュー「 デザイン設定 ＞ トップページ ＞ 全体のレイアウト 」の設定が初期化されます。テンプレートを切り替えた後で元に戻したい場合に、現在のレイアウト設定をダウンロードしておくと元に戻しやすくなります。

4. 「このデザインを選択する」をクリックし、テーマを決定します。

以下の画面の変更は、編集中のテーマでお店を更新まで、お店ページに反映できなくなります。

    ・ボタンのカスタマイズ
    ・CSS のカスタマイズ
    ・CSS のインポート
    ・カート専用のCSS
    ・全体のレイアウト
    ・ヘッダと SEO の設定

1. 「表示コンテンツ設定」から表示するコンテンツを選び、「表示設定」を「表示」に切り替え、「表示レイアウト設定へ反映」をクリックします。
2. 「表示レイアウト設定」から並び順を設定し「設定を保存する」をクリックします。

1. 管理画面の左上「お店ページの更新へ」ボタンをクリックします。
2. 「更新を開始」をクリックします。
   
   更新が完了したら、お店ページを確認してみましょう。

お店ページを更新しても反映されない場合の対処方法

• ブラウザのキャッシュを削除してください。
  キーボードの「Ctrl」＋「F5」キーを押して最新の状態を読み込みましょう。

1. 「カスタムテンプレート」のタブをクリックします。
2. 事前準備で確認しておいた元のテーマを選択します。
   ポップアップウィンドウが開きます。
   
3. 「このデザインを選択する」をクリックします。

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

お店ページを更新しても反映されない場合の対処方法

• キーボードの「Ctrl」＋「F5」キーを押して最新の状態を読み込みましょう。
• 画面上部の「利用中のテーマでお店を更新」ボタンでクリックしていないか、ボタンの下に表示される「最終更新日時」で確認してみましょう。

CSS のカスタマイズを利用している場合は、左メニュー「CSS のカスタマイズ」をクリックし、利用しているテーマの「編集元」を確認しておきます。

「HTML のカスタマイズ」はカスタムテンプレート選択時に利用できる機能です。

ＨＴＭＬカスタマイズが初期値の場合、編集は不要です。

ＨＴＭＬカスタマイズが初期値の場合、編集は不要です。

ポップアップしたウィンドウの「プレビューを見る」をクリックすると、選んだテーマを使ったお店ページのサンプルを見られるので、イメージを確認しやすくなります。

ベーシックテンプレートからカスタムテンプレートに切り替えると、管理画面メニュー「 デザイン設定 ＞ トップページ ＞ 全体のレイアウト 」の設定が初期化されます。テンプレートを切り替えた後で元に戻したい場合に、必要となるので、「ダウンロードする」ボタンより必ずファイルを保存してください。

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

ベーシックテンプレートやカスタムテンプレートへ戻す場合は、それぞれの「テンプレートを切り替え前に戻す」をご確認ください。