【設置サンプル】会員情報とカート内情報をお店ページに表示する
（上級者向け）

独自ドメイン取得前のショップＩＤの共通カートドメインをご利用の場合、青字部分が以下記述になります。
var storeData = {ldelim}"setNum": {$setNumber}, "host": "{$stores.host}"

独自ドメイン取得前のショップＩＤの共通カートドメインをご利用の場合、青字部分が以下記述になります。
var storeData = {ldelim}"setNum": {$setNumber}, "host": "{$stores.host}"

1. 左メニューの「お店ページの更新へ」をクリックします。
2. 「注意事項に同意する」にチェックを入れます。
3. 「編集中のテーマでお店を更新」ボタンをクリックします。

1. 「ヘッダ画像」の項目の、「スマートフォン用」を選択します。
2. 「設定を保存する」ボタンをクリックします。

サンプルのＨＴＭＬを利用する場合は、ファイル名を変更せずにそのまま保存してください。

保存してあるカスタムテーマを「編集」ボタンからを開いて編集する場合は、表示崩れなどが発生した場合に備えて、編集前に貴社で、メモ帳などのテキストエディタにバックアップを取ったうえで作業を行ってください。

保存できるカスタムテーマの最大数５に達していると、「利用中の（編集中がある場合はその）テーマから作成」ボタンを押しても編集画面は現れません。いずれか不要なテーマを削除してから作業してください。

サイドバーにも設定する場合は、サイドバー用の CSS も同じテーマに追記して保存してください。

お店ページのヘッダに記述を追加します。
「ヘッダ ＞ お店ページ」の「ＨＴＭＬを編集」ボタンをクリックします。

1. 左メニューの「お店ページの更新へ」をクリックします。
2. 「注意事項に同意する」にチェックを入れます。
3. 「編集中のテーマでお店を更新」ボタンをクリックします。

ベーシックテンプレートの場合は設定が異なります。

1. 管理画面メニュー「 デザイン設定 ＞ トップページ ＞ ヘッダとＳＥＯの設定 」を開く
2. ヘッダの設定を HTML カスタマイズ（ベーシックテンプレート用/上級者向け）を選択
3. head タグ追加を編集
4. ヘッダ HTML 編集(お店)ページ用)を編集
   以下にアクセスしてサンプルをご確認のうえ、デザインに合わせて編集してください。

保存してあるカスタムテーマの「編集」ボタンからを開いて編集すると、上書きされます。編集前に貴社で、メモ帳などのテキストエディタにバックアップを取ったうえで作業を行ってください。

サイドバーだけでなくヘッダにも設定する場合は、ヘッダ用の CSS も同じテーマに追記して保存してください。

サンプルは、HTMLエディタ機能をOFFにするか、「HTML表示切替」ボタンを押してHTML入力モードに切り替えてから貼り付けてください。

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

ベーシックテンプレートをご利用の場合は「更新を開始」ボタンをクリックします。

サンプルを利用する場合は事前にＨＴＭＬエディタをＯＦＦにしておいてください。
管理画面メニュー「 ページ編集 ＞ コンテンツの編集 ＞ ＨＴＭＬエディタの設定 」で変更できます。
ＨＴＭＬエディタをＯＮにしたまま、HTMLモード切替ボタンを使ってサンプルを貼り付けた場合、ＨＴＭＬソースを正常に保存できません。

スマートフォンサイト用のサンプルは、HTML の内容を変更が必要です。

●・・・ショップ ID を入力します。

* ・・・カートの URL にある数値のみ入力してください。
　　　　例）https://cart1.shopserve.jp

　　　　管理画面メニュー「 サーバー ＞ URL一覧 ＞ カートを見る 」 より確認できます。

▲・・・独自ドメインをご利用の場合
　　　　-（ハイフン）/（スラッシュ）ドメイン名を入力してください。
　　　　例）-/sample.com

　・・・独自ドメインをご利用でない場合
　　　　ショップ ID を入力してください。
　　　　例）shop.id

■・・・お店ページのロゴ画像のファイル名を入力してください。

サンプルを利用する場合は事前にＨＴＭＬエディタをＯＦＦにしておいてください。
管理画面メニュー「 ページ編集 ＞ コンテンツの編集 ＞ ＨＴＭＬエディタの設定 」で変更できます。
ＨＴＭＬエディタをＯＮにしたまま、HTMLモード切替ボタンを使ってサンプルを貼り付けた場合、ＨＴＭＬソースを正常に保存できません。