MENU

スマートフォン基本設定

スマートフォンでアクセスされた場合に関する各種設定を行います

スマートフォンページ作成の詳しいマニュアルは、スマートフォン・マニュアル(PDF)をご覧ください。

スマートフォン利用設定

スマートフォンページの利用開始の設定。

スマートフォン利用設定

レイアウト設定

商品グループ、商品一覧で初期に表示される表示数の設定、ヘッダ・フッタコメントの設定。

スマートフォン起点ページ(自動生成)設定

1ページに表示するグループ数の設定

商品グループの初期に表示するグループ数の設定ができます。

1ページに表示する商品数の設定

商品一覧の初期に表示する商品数の設定ができます。

1ページに表示する検索結果商品数

検索結果の初期に表示する商品数の設定ができます。

ヘッダコメント/フッタコメント

スマートフォンページのヘッダとフッタです。それぞれ2通り登録ができ、スマートフォン各ページ設定で切り替えて使用できます。

画像の設定

商品サムネイル画像

「一覧ページの読み込み速度を早くする」にチェックすると、ページのスクロールに合わせて商品サムネイル画像を読み込む「遅延ロード」を行います。

遅延ロードについて

スマートフォンでショップ画面を表示する際、「ページの読み込み」は表示されている部分だけでなく、表示されていない部分についても行われます。商品一覧画面(商品グループ・商品検索結果)では、商品サムネイル画像が複数配置されますので、通常は、すべての商品サムネイル画像の読み込み後に「ページの読み込み」が完了します。

この「遅延ロード」機能を利用すると、ページを表示する際に、スマートフォンの画面に表示されていない「商品サムネイル画像」を読み込みません。その結果、「ページの読み込み」が(遅延ロード機能を利用しない場合に比べて)速く完了します。

いったんページの読み込みを完了した後、ページをスクロールすると、読み込まれていなかった「商品サムネイル画像」が、画面に表示されるタイミングで、読み込みます。読み込み前には「読み込み中表示画像」が表示され、画像の読み込みが完了すると、商品サムネイル画像が表示されます。

ページ読み込み完了時(左)
赤枠内がスマートフォンに表示される範囲。範囲外の商品サムネイル画像のかわりに「読み込み中画像」が表示されます。
画面スクロール時(右)
赤枠内(スマートフォンに表示される範囲)に入った際に、商品サムネイル画像が読み込まれ、表示されます。

「遅延ロード」機能ご利用時の注意

「読み込み中表示画像」と登録されている「商品サムネイル画像」の高さが違っていると、 「商品サムネイル画像」読み込み時に高さが変更され、画面が見づらくなる場合があります。

ご登録いただいている「商品サムネイル画像」と同じ高さの「読み込み中表示画像」を登録するか、cssを利用して「商品サムネイル画像」を表示する部分の高さを指定してください。 「読み込み中表示画像」は、スマートフォン設定>デザイン設定>ボタン設定の『商品サムネイル画像 「読み込み中表示」用画像』で登録できます。

読み込み中表示画像

初期状態では横80ピクセル×縦80ピクセルのアニメーションGIF画像を設定しています。

読み込み後、スマートフォンの画面に表示された際に、商品サムネイル画像が読み込まれます。 画像の高さに差があるため、読み込み前後で高さが変わる場合があります。

商品詳細ページの設定

バリエーション表示設定

商品画面にて、「カラー・サイズ」などのバリエーションがある場合の表示方法を3種類から選択できます。 いずれか選択してください。

すべてのバリエーションをセレクトボックスで表示

バリエーションを「カラー/サイズ」など「/」で区切って、セレクトボックスで表示します。 1つのセレクトボックスで表示するので、画面の表示スペースが少なくて済みます。

一方のバリエーションを選択する

バリエーションの一方を選択すると、選択したバリエーションの一覧が表示されます。
バリエーションの数が多い場合に適しています。
(例 カラー10色で、サイズがXXS・XS・S・M・L・XL・XXLの7サイズ、合計70バリエーション)

バリエーションごとにカートボタンを表示

バリエーションごとに「カートに入れる」ボタンや、在庫切れ時には「入荷お知らせメール」ボタンを表示することもできます。

定期・頒布会商品の場合は「すべてのバリエーションをセレクトボックスで表示」が適用されます。

すべてのバリエーションをセレクトボックスで表示

バリエーション縦横配置設定

「運用メニュー>商品管理>商品バリエーション」で設定した「縦軸」「横軸」の項目のどちらを基準に並べるかを選択できます。

縦軸「カラー」、横軸「サイズ」とした場合

「縦選択肢1/横選択肢1」を選択すると

レッド/S
レッド/M
:
ブルー/S
ブルー/M
:

「横選択肢1/縦選択肢1」を選択すると

S/レッド
M/レッド
:
S/ブルー
M/ブルー
:

の順にセレクトボックスに表示されます。

一方のバリエーションを選択する

バリエーション縦横配置設定

「運用メニュー>商品管理>商品バリエーション」で設定した「縦軸」「横軸」の項目のどちらをセレクトボックスに表示するかを選択できます。 なお、バリエーションが「縦軸」「横軸」のどちらかしかない場合、セレクトボックスが表示されません。

在庫切れ表示設定
在庫切れの場合
在庫切れの場合の表示方法を設定できます。
×選択肢名を表示
在庫切れになったバリエーションは「×」を付けて表示します。(在庫切れになったバリエーションは選択できません。)
行を削除する
在庫切れになったバリエーションは表示されません。
予約在庫切れ表示設定
予約在庫切れの場合
予約販売時に「予約在庫切れ」の場合の表示方法を設定できます。
×選択肢名を表示する
予約在庫切れになったバリエーションは「×」を付けて表示します。(在庫切れになったバリエーションは選択できません。)
行を削除する
予約在庫切れになったバリエーションは表示されません。

バリエーションごとにカートボタンを表示

バリエーション縦横配置設定

「運用メニュー>商品管理>商品バリエーション」で設定した「縦軸」「横軸」の項目のどちらを基準に並べるかを選択できます。 なお、バリエーションが「縦軸」「横軸」のどちらかしかない場合、設定されているバリエーションにカートボタンを付けて表示されます。

在庫切れ表示設定
在庫切れ表示文言

在庫切れの場合に、表示される文言を設定できます。

在庫切れの場合

在庫切れの場合の表示方法を設定できます。

「‐」を表示する
在庫切れになったバリエーションは「カートに入れる」ボタンのかわりに「‐」を表示します。
行を削除する
在庫切れになったバリエーションは表示されません。
「入荷お知らせメール」ボタン表示
在庫切れになったバリエーションは「入荷お知らせメール」ボタンを表示します。
在庫僅少閾値コメント

「構築メニュー>ページ設定>商品ページ設定」にある「在庫表示設定」の「在庫切れ設定」にて「在庫僅少表示」を選択した場合に、在庫が「僅少表示閾値」に設定した数以下になった場合に、表示される文言を設定できます。

在庫数キャプション

在庫数を表示する際の文言を指定できます。「在庫数キャプション」と「在庫数は「:」で区切って表示されます。

予約在庫切れ表示設定
予約在庫切れ表示文言

予約在庫切れの場合に、表示される文言を設定できます。

予約在庫切れの場合

予約在庫切れの場合の表示方法を設定できます。

「‐」を表示する
在庫切れになったバリエーションは「カートに入れる」ボタンのかわりに「‐」を表示します。
行を削除する
在庫切れになったバリエーションは表示されません。
予約在庫僅少閾値コメント

「構築メニュー>ページ設定>商品ページ設定」にある「予約設定」の「予約在庫表示設定」にて「予約在庫僅少表示」を選択した場合に、在庫が「予約在庫僅少表示閾値」に設定した数以下になった場合に、表示される文言を設定できます。

予約在庫数キャプション

予約在庫数を表示する際の文言を指定できます。「予約在庫数キャプション」と「予約在庫数は「:」で区切って表示されます。

価格表示設定

価格表示設定の使用について

PC版と同じ
構築メニュー>ページ設定>商品ページ設定」の「価格表示パターン」で指定した表示方法になります。
下記の設定で利用する
スマートフォンサイトで独自に設定できます。

価格表示パターン

【消費税込表示】

以下の4つの表示方法からいずれか選択してください。

  • 10,800円(本体価格:10,000円 + 消費税:800円)
  • 10,800円(本体価格:10,000円)
  • 10,000円(消費税込:10,800円)
  • 10,800円(税込)
【消費税抜表示】

消費税抜表示では、税額を表示する置換文字「$TAX$」が利用できます。$TAX$は消費税金額に「円」を足して表示されます。
例えば、「(+税:$TAX$)」と記述した場合「(+税:800円)」と表示されます。
消費税金額表示部分に使用できる文字数は、半角20文字です。
入力欄の記述により、下記のように価格の表示形式を変更することができます。

  • 10,000円(+税:800円)
  • 10,000円(税抜き)
  • 10,000円(税別)
  • 10,000円(本体)
  • 10,000円+税
  • 10,000円(税抜価格)
  • 10,000円(税別価格)
  • 10,000円(本体価格)
  • 10,000円+消費税
税込表示となる場合

※但し、商品登録・編集画面の商品価格欄で、「下記すべて税込価格を設定する」のチェックがされている商品は、上記設定によらず「10,800円(税込)」で表示されます。

税抜価格表示注記

「当店の価格は全て税抜き表示となっています。ご購入手続き時に別途消費税相当額を申し受けます。」といった、ショップすべての商品で税抜表示を行う際に利用するコメントを、商品価格のすぐ下に表示できます。

「税抜価格の注記を表示する」にチェックを付けて、画面下の「登録する」ボタンを押下すると、価格表示注記が表示されます。
HTMLタグを使用する場合は、「HTMLタグを使用する」にチェックを付けてください。

文字数は、半角16,000字です。

この設定は全商品に適用されます。全商品の価格を税抜表示にした場合にご利用ください。

予約設定

予約受付期間中に表示される文言の設定

画像ホスティング設定(オプション)

ALT表示設定

「画像[商品詳細]にALTを表示する」にチェックすると、商品追加画像(画像ホスティングオプション)に設定したALTテキストを、商品ページ(商品詳細ページ・画像拡大画面)に表示します。

スマートフォンサイトのみの設定です。PCサイトについては、「構築メニュー>ページ設定>商品ページ設定」の画像ホスティング設定(オプション)で設定できます。

ALTテキストについて

「ALTテキスト」は「運用メニュー>商品管理>商品基本情報編集」の画像ホスティングパターンを利用して、商品追加画像を登録する場合に、各画像の説明として登録するテキストです。

カートページ設定

バンドル販売用カートコメント

バンドル販売対象の商品がカートに入れられた際に商品の下に表示されます。 バンドル対象商品一覧へのリンク表示件数を0件に設定していても、このコメントは表示されます。

HTMLタグを使用する

チェックすると、HTMLタグを使用できます。

バンドル対象商品一覧へのリンク表示件数

バンドル販売対象の商品がカートに入れられた際、関連するバンドル対象商品一覧へのリンクを自動で表示します。 最大5件まで表示可能です。

バンドル販売価格キャプション

バンドル割引が発生した場合、バンドル対象商品金額合計からの割引額を表示します。 割引額に対する見出しを変更することができます。

バンドル販売割引金額キャプション

バンドル割引が発生した場合、どの商品がバンドル対象となったかを割引き確認画面で確認することができます。 その際のバンドルされた結果の金額に対する見出しを変更することができます。

ソーシャルボタン設定

PC用のソーシャルボタン表示タグと同じものを設定できます。

注文確認ページ設定

ご注文確認ページで注文確定ボタンを押した時に表示する文言の設定です。

注文完了ページ設定

ご注文完了のページに表示する文言の設定です。

その他、スマートフォンページ作成について

©2014 FutureShop All Rights reserved.