MENU

商品ページ設定

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

9_40_ja01.gif

商品の表示の基本設定(デフォルト)ができます。

「画像の設定(画像幅サイズ)」は「運用メニュー>商品管理>商品新規登録・商品基本情報編集」で、 「価格表示設定(定価表示)」「在庫切れ設定(在庫数表示・在庫なし表示)」は、商品の「上級デザイン設定」で商品別に設定できます。

ナビゲーション(パンくずナビ)の設定

9_40_ja02.gif

ナビゲーションの表示 ①

「表示する」チェックを入れた場合、ナビゲーション(パンくずナビ)を表示します。

サブグループのナビゲーションの表示 ②

「表示する」チェックを入れた場合、登録されているサブグループのナビゲーション(パンくずナビ)を全て表示します。
サブグループを表示しない場合、表示中の商品名も表示します。
9_40_ja021.gif

ナビゲーションの起点リンクテキスト ※必須 ③

起点になる部分に表示するテキストの編集ができます。

起点のリンク先 ④

②の部分を設定する場合は、「起点のリンク先を下記に設定する」にチェックを入れ
URLを「http://」より入力してください

※画面右上の「ショップを見る」から表示される画面はここで設定されたURLを表示します。
(チェックボックスにチェックが入れられている場合のみ)

商品ページの利用について ⑤

商品ページはすべて自動生成ページを利用する

各ページからの商品グループページ、商品ページへのリンクを張ります。

9_40_ja03.gif

商品詳細ページのみ自動生成ページを利用する

カートの中に入れた商品、アカウントサービスページの注文履歴の商品の商品ページへのリンクを張ります

9_40_ja04.gif

すべての自動生成ページを利用しない

すべての商品グループページ、商品ページへのリンクを張りません。
上記設定にて自動生成ページを利用しないとした場合でも、ページ自体は生成されます。
利用しないページへのリンクを各ページからはずす対応となります。
※この設定にした場合でも起点ページを設定しない場合は、

「戻る」ボタンでの戻り先は商品グループトップが表示されます。

9_40_ja05.gif

ユーザーメニューエリアの設定

ユーザーメニューエリアの表示の設定を行います。

ユーザーメニューの表示

ユーザーメニューエリアを表示する場合は、「ユーザーメニューを表示する」のチェックを入れてください。
※チェックを入れた場合、表示する項目を1つ以上設定してください。

起点ページ(自動生成)の設定

最上位階層のグループ一覧(商品ページトップ)の表示数を設定します。

起点ページ

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

最上位階層のグループ一覧の表示数を設定します。設定されたグループ数を超えた場合は改ページされます。

上部コメント

[商品グループトップページ] http://ドメイン/fs/店舗Key/cの上部に表示をするコメントの設定ができます。
※全角16,000文字まで入力可能

※この項目はHTMLでの入力ができます。HTMLタグを使用される場合は
「HTMLタグを使用する」のチェックをしてください。
※src属性、background属性は、「../」などで始まる相対パスでの指定はできません。
「/」からはじまる記述(絶対パス)もしくは、「http://」「https://」から記述を行ってください。

下部コメント

[商品グループトップページ] http://ドメイン/fs/店舗Key/c の上部に表示をするコメントの設定ができます。
※全角16,000文字まで入力可能

※この項目はHTMLでの入力ができます。HTMLタグを使用される場合は「HTMLタグを使用する」のチェックをしてください。
※src属性、background属性は、「../」などで始まる相対パスでの指定はできません。
「/」からはじまる記述(絶対パス)もしくは、「http://」「https://」から記述を行ってください。

商品グループページ表示設定

商品一覧ページ(商品グループページ)での、商品の表示についての設定。
「下位グループに所属する商品も全て表示する」 のチェックをいれた場合。

9_40_ja08.gif

所属する商品グループ(カテゴリ)以下の商品をすべて表示します。

並び替えリンク表示設定

商品一覧ページでの、「並び替え」表示の表示設定。

表示を行いたい「並び替えボタン」にチェックをいれてください。

9_40_ja08.gif

9_40_ja08.gif

商品検索の場合にのみ、キーワードヒット順が利用できます。
「商品名」「説明文」「一言説明」など検索にヒットしたキーワードの順に表示しています。

優先度とは、 商品ごとに登録ができるショップ全体での商品の重み付けになります。

商品検索タグの設置について

商品検索タグは「構築メニュー>その他」の「HTMLタグ」ボタンより検索タグの出力ができます。

「登録(早い順)」
第1条件:商品ID(小さい順)
「価格(安い順)」
第1条件:価格(小さい順)
第2条件:優先度(小さい順)
第3条件:商品ID(大きい順)
「価格(高い順)」
第1条件:価格(大きい順)
第3条件:優先度(小さい順)
第4条件:商品ID(大きい順)
「優先度」
第1条件:優先度(小さい順)
第2条件:商品ID(大きい順)
「レビュー数(多い順)」
第1条件:レビュー数(大きい順)
第2条件:レビュー平均点(大きい順)
第3条件:優先度(小さい順)
第4条件:商品ID(大きい順)
「キーワードヒット順」(PCの場合)
第1条件
:商品名
:商品一言説明
:商品詳細説明
:検索用カラム(商品番号、商品名、商品一言説明、商品詳細説明の連結)で引っかかったカラムが上位になる
第2条件:優先度(小さい順)
第3条件:商品ID(大きい順)
「キーワードヒット順」(モバイルの場合)
第1条件
:商品名(モバイル)
:商品名
:商品詳細説明(モバイル)
:商品詳細説明
:検索用カラム(商品番号、商品名(モバイル)、商品名、商品詳細説明(モバイル)、商品詳細説明の連結))で引っかかったカラムが上位になる
第2条件:優先度(小さい順)
第3条件:商品ID(大きい順)
モバイルジャンルの表示順序
第1条件:表示順序(小さい順)
第2条件:優先度(小さい順)
第3条件:商品ID(大きい順)

画像の設定

9_40_ja09.gif

【商品基本登録画面】

商品グループ画像①

「表示する」のチェックを入れた場合、商品グループ一覧にて商品グループ画像を表示します。
※チェックを行わなかった場合は、商品グループ画像は表示されません。
「画像幅サイズ」は、商品グループ画像を表示する際の横幅のサイズになります。

商品サムネイル画像②

「表示する」のチェックを入れた場合、商品一覧にて商品のサムネイル画像を表示します。
※チェックを行わなかった場合は、商品のサムネイル画像は表示されません。
「画像幅サイズ」は、商品のサムネイル画像を登録する際の横幅のサイズのデフォルト値(初期値)になります。
(登録時に登録サイズの変更はできます)

商品画像③

「表示する」のチェックを入れた場合、商品詳細にて商品画像を表示します。
※チェックを行わなかった場合は、商品画像は表示されません。
「画像幅サイズ」は、商品画像を登録する際の横幅のサイズのデフォルト値(初期値)になります。
(登録時に登録サイズの変更はできます)

商品一覧ページの設定

商品スタイルの表示設定

「お気に入りに登録」表示にチェックすると、商品グループページ、商品検索結果一覧ページ等に「お気に入り」ボタンを表示します。
表示される画面は「商品一覧/バンドル商品一覧/クーポン商品一覧/商品検索結果一覧/おすすめ商品一覧」です。

運用メニュー>商品管理>商品登録/商品基本情報編集」画面の「商品スタイルの表示設定」で『「お気に入りに登録」表示』のチェックをしない商品は、「お気に入り」ボタンが表示されません。

商品詳細ページの設定

① 商品スタイルの表示設定

※入荷お知らせメールはオプション契約時のみボタンが表示されます。
※Light300プランの場合「レビュー機能」は利用できません。


各商品ページへ、表示するボタンの設定。
チェックを外した場合、すべてのページで設定されたボタンを表示しません。
※この設定はショップ全体の設定になります。
この項目は、「運用メニュー>商品管理」より、商品ごとに表示設定ができます。

入荷お知らせメールの運用の開始をする場合

「商品スタイル」の「「入荷お知らせメール申込・停止」表示」のチェックを入れてください。

お気に入り登録」の運用の開始をする場合

「商品スタイル」の「お気に入りに登録」表示のチェックを入れてください。
※お気に入りに登録されている商品数の確認は、「運用メニュー>商品管理>商品検索」より、 お気に入りに登録されている数を入力し、検索を行なってください。

お気に入り商品機能の利用を開始方法

お気に入り商品機能の利用を開始される場合、三箇所の設定が必要になります。

「ページ設定>商品ページ設定」の「ユーザメニューエリア」の表示設定
「ページ設定>商品ページ設定」の「商品詳細ページ」の表示設定
「入力項目設定>会員機能に関する設定」の「お気に入り一覧の設定」設定(マイページの表示)

② ツイートボタン(HTMLタグ)の設定  ※ツイッターでつぶやくボタン

「商品スタイル設定」の「ツイートボタン」表示のチェックが入っている場合に
ここで登録されたタグ(HTML)の内容をクール便画像の下部に表示します。
※この設定はショップ全体の設定になります。
この項目は、「運用メニュー>商品管理」より、商品ごとに表示設定ができます。

Twitterでつぶやく・送るのリンクボタンを設置について>

③ いいねボタン(HTMLタグ)の設定  ※facebookのいいねボタン

「商品スタイル設定」の「いいね」表示のチェックが入っている場合に、ここで登録されたタグ(HTML)の内容をツイードボタンの下部に表示します。
※この設定はショップ全体の設定になります。
この項目は、「運用メニュー>商品管理」より、商品ごとに表示設定ができます。

facebookの「いいねボタン」「シェアボタン」の設置について>

④ クール便使用表示

商品登録時に配送方法で「クール便 」チェックが入っている場合、クール便の画像を表示します。
この部分のチェックを入っていない場合、クール便の画像を表示しません。

⑤ 商品番号表示

この部分のチェックを外した場合、全ての商品の表示を行いません。

⑥ 項目選択肢の初期値に「選択してください」を表示する
⑦ オプション価格の初期値に「選択してください」を表示する

この部分のチェックを外した場合、各選択リストの1行目を初期値で表示します。



※チェックを入れた場合、項目選択肢を選択せずにカートに入れようとすると、「選択項目を全て選択してください。」と注意文言が表示されます。

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

画像ホスティングオプションを利用した場合、バリエーションごとに「数量:1」でショッピングカートに入るボタンを表示できます。

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

バリエーションごとに「カートへ」のボタンを表示した際の在庫ぎれの文言

⑩ 在庫切れ表示設定>在庫切れの場合

在庫が切れた場合の表示の設定

「-」を表示する」
在庫がない場合は、「-」を表示します。
行を削除する
在庫がないバリエーションは表示しません。
「入荷お知らせメール」ボタン表示
入荷お知らせメール(オプション)を利用いただいている場合は、入荷お知らせメールへのボタン表示できます。

⑪ 在庫僅少閾値コメント

バリエーションごとに登録された「閾値」を下回った場合、「在庫僅少閾値コメント」が表示されます。

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

バリエーションごとに「カートへ」のボタンを表示した際の在庫ぎれの文言

⑬ 予約在庫切れ表示設定>予約在庫切れの場合

予約在庫が切れた場合の表示の設定

「-」を表示する」
在庫がない場合は、「-」を表示します。
行を削除する
在庫がないバリエーションは表示しません。

⑭予約在庫僅少閾値コメント

バリエーションごとに登録された「閾値」を下回った場合、「予約在庫僅少閾値コメント」が表示されます。

⑮ 入出荷予定日キャプション

入出荷の予定日表示の設定


※表記名の「商品詳細ページに表示する」チェックをオフにしている場合でもカートページでは表示されます。

価格表示設定

定価表示設定

価格の表示前後につける文言の設定が出来ます。

※モバイルショップで会員価格を表示するかの設定は、「モバイル>商品ページ設定>商品詳細ページ」で設定が行えます。


各商品個別で設定することも可能です。

定価表示設定「取消線を付ける」のチェックがある場合

9_40_ja13.gif

定価表示設定「取消線を付ける」のチェックがない場合

9_40_ja14.gif

予約販売価格表示設定

予約販売価格を設定した場合、商品詳細ページでの価格表示を変更することができます。

会員価格表示設定

会員価格の前につける文字を設定できます。

商品一覧レイアウトパターン(A~D)設定

グループの商品一覧レイアウトパターンの設定がA~D、IHL1~IHL3の表示方法を設定できます。
マークをつけた場合、画像はデザイン設定>ボタン編集画面で変更可能です。

商品レイアウトパターン(E~J)設定

商品レイアウトパターンの設定がE~J、IH1~Ih3の表示方法を設定できます。

商品詳細レイアウトパターン(E~J)設定

商品詳細レイアウトパターンの設定がE~J、IH1~Ih3の場合の表示方法を設定できます。

ア)ログイン誘導リンクテキストを表示する
誘導テキストをクリックするとログインページに飛びます。文言を変更することもできます。※全角50文字までです。
イ)非ログイン時にも会員価格を表示する
チェックを外すと、ログインしないと会員価格は表示されません。
ウ)会員価格設定商品のマークをつける
マーク画像を表示します。

会員ステージ価格表示コメント:全商品レイアウトパターン共通設定

会員ステージ価格表示コメント

「会員ステージ価格」では、会員ステージごとに会員価格を変更できます。
「会員ステージ価格表示コメント」を設定すると、会員ステージにあわせて、会員価格の前に表示されるコメントを変更できます。
上記の例だと、ゴールド会員の「会員価格」の前に「ゴールド会員価格」と表示できます。
コメントが設定されていない場合、会員価格の前には何も表示されません。

会員価格表示コメント

会員登録直後、または購入がないなど、会員ステージが判定されていない会員の会員価格の前に表示されます。

会員ステージ価格表示コメントのデザイン

デザイン例

会員価格表示部分のclass名は「「FS2_stage{会員ステージ表示順}_price」」と指定されるため、会員ステージごとに価格欄のデザインを変更できます。 会員ステージ表示順は「運用メニュー>会員管理>会員ステージ設定」の会員ステージ基本設定で設定します。

<p class="FS2_special_members_price FS2_stage2_price">
<span class="FS2_special_members_price_text">ゴールド会員価格</span>
<span class="itemPrice">8,610円</span><span class="FS2_itemPrice_addition">(税込)</span>
</p>

価格表示パターン

価格の消費税の表示方法を「消費税込表示」4パターンと「消費税抜表示」から選択できます。

消費税込表示

消費税込表示では、以下の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字です。

ポイント表示設定

ポイント表示

付与ポイントを商品ページに表示する場合は「表示する」にチェックをいれてください。
その際の表示文言はここで設定できます。
※ポイントの表示文言はここでのみ設定できます(商品個別での設定はありません)

在庫切れ設定

在庫切れ表示文言(全角50文字以内)

9_40_ja16.gif

在庫切れ表示文言【表示パターンE~J】は各商品個別でも設定することが可能です。

在庫数以上の数量をカートに入れられた場合のエラー文言(全角50文字以内)

商品詳細の上部に表示されます

9_40_ja17.gif

在庫数表示の場合

9_40_ja18.gif
各商品個別でも設定することが可能です。

在庫僅少表示 の場合

9_40_ja19.gif
各商品個別でも設定することが可能です。

「在庫僅少表示」に設定された場合に、在庫が「在庫僅少閾値」以下に
なった場合のみ在庫数が表示さ部分に、「在庫僅少閾値コメント」を表示します。
※在庫が閾値以上ある場合は何も表示しません。

在庫数キャプション 【表示パターンE~J】

在庫を表示する際の数量の左に表示される文言の設定

例)「在庫数」など

商品表示順(並べ順)について

商品検索結果一覧画面、商品グループ画面のそれぞれで、商品を表示する場合に、「在庫あり商品」を先に表示し、「在庫切れ」商品を後に表示できます。

在庫あり商品を優先的に上位表示(商品検索)
商品検索結果一覧画面で、在庫あり商品を先に表示します。
在庫あり商品を優先的に上位表示(商品一覧)
商品グループ画面で、在庫あり商品を先に表示します。
在庫ありと判断されるケース
  • 通常在庫あり商品
  • 在庫管理しない商品
  • バリエーション在庫を管理していて、在庫のあるバリエーションが1つでもある商品
  • (通常在庫切れでも)予定在庫ありの商品

通常在庫切れ商品かつ予約販売商品(予約在庫あり)の場合は「在庫なし」として後に表示されます。
※予約販売商品を後に表示したくない場合で、かつ予約在庫を管理したい場合は、通常在庫を設定してください。 (通常在庫があっても、予約受付期間は予約在庫分のみ販売されます。)

※上記チェックを有効にした場合、(商品数が多い場合など)画面表示や検索などの処理速度に影響する可能性があります。

予約設定

予約販売時の商品詳細ページ表示設定

予約在庫切れ商品のカート投入について①

「在庫切れになった商品は在庫切れを表示してカートに入れられない設定」と「在庫数ゼロ、及び在庫数以上の数量でもカートに入れて購入できる設定」どちらかを選択いただけます。

予約在庫表示設定②

予約在庫数または、予約在庫僅少のお知らせが可能です。

予約在庫僅少閾値コメント③

予約在庫表示③で「予約在庫僅少表示」を選択、予約在庫数が予約在庫僅少表示閾値を下回るとコメントが表示されます。

予約在庫数キャプション ④

予約在庫表示③で「予約在庫数表示」を選択されるとキャプションと予約在庫数が表示されます。

予約コメント⑤⑥

テキストまたはHTMLタグを利用して画像の表示が可能です。

商品検索結果の表示パターン

9_40_ja19.gif

表示パターン

商品検索を行った場合の商品の表示パターンの設定をする。
「画像ホスティング用パターン」パターIHL1~パターンIh3はオプション契約が必要になります。

表示数

商品検索結果一覧の表示数を設定します。
設定された商品表示数を超えた場合は改ページされます。

在庫切れ商品について

「検索結果に在庫切れ商品も表示する」のチェックを入れると、ユーザ画面で商品検索をされた場合に、在庫切れ商品も一覧に表示します。

なお、予約商品については「検索結果に在庫切れ商品も表示する」のチェックを外すと、予約在庫があっても、通常在庫がなければ一覧に表示されません。

在庫切れ商品を検索するかどうかをお客様に選択していただくことも可能です。

パラメーターとして、nostockを入れることにより「在庫切れ商品」を含めて検索するかどうかをお客様が選ぶことができます。ユーザ画面でお客様が選択した設定が優先され、管理画面での設定は無視されます。

チェックボックスの場合

<input name="nostock" type="checkbox" value="false" checked="checked" /> 在庫ありのみ検索

チェックボックスの場合

ラジオボタンの場合

<input name="nostock" type="radio" value="false" checked="checked" />在庫ありのみ表示
<input name="nostock" type="radio" value="true" />在庫切れも表示

ラジオボタンの場合

闇市パスワード認証ページ設定

闇市ページのパスワード認証ページの設定

3_99_ja31.gif

闇市パスワード認証フォームタイトル

闇市ページを表示しようとした際に表示されるページのタイトルの設定

闇市パスワード認証フォームコメント

闇市ページを表示しようとした際に表示されるページのコメントの設定

このページは、商品ごとにはページを変更することはできません。

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

画像ホステイングオプションを利用する場合の、画像リサイズの初期設定、ウインドウサイズなどの設定。
※画像ホスティングオプション」契約時のみ利用可能

【管理画面】

【ユーザ画面】

メイン画像名/サブ画像名①②

任意で名称を決めることができます。

メイン像群/サブ画像群③④

画像ホスティングオプション用の商品画像を管理画面より登録する際の、リサイズを行うサイズの初期値の設定

商品画像・サムネイル画像の下にaltを表示⑤

商品詳細画像・メイン画像群/サブ画像群のサムネイル画像でaltの表示/非表示を制御できます。

PCサイト/モバイル(携帯・ガラケー)サイトの設定です。スマートフォンサイトについては、「モバイルメニュー>スマートフォン設定>スマートフォン基本設定」の画像ホスティング設定(オプション)、「ALT表示設定」で設定できます。

拡大画像画面のポップアップウィンドウ ⑥⑦

画像ホスティングオプションの商品詳細ページの「拡大」をクリックされた際に開くポップアップウインドウのウインドウサイズ。

モバイル店舗用バリエーション表示設定⑧⑨

画像ホスティングオプションを利用した場合、モバイルショップの「商品番号」の上にバリエーションに登録されている「縦軸内容」「横軸内容」を表示するかの設定。

3_99_ja31.gif

©2014 FutureShop All Rights reserved.