コマースクリエイターへ移行します。商品詳細ページの編集方法を教えてください。

コマースクリエイター移行作業店舗様向けの記事です
また、スタートアップテーマをご利用されている方向けの内容です

 

商品詳細ページは、コマースクリエイター切替前と同様に、
futureshop管理画面で商品を登録することで自動生成されます。

ですが、すでに登録のある商品情報はコマースクリエイターへ引き継がれるため、
コマースクリエイター用に必要な情報のみを追加していただく対応となります。

本記事では、スタートアップテーマでの商品詳細ページのデザイン変更方法をご紹介します。

マニュアル：スタートアップテーマとは

 

【基本編】

以下５箇所の設定方法についてそれぞれご案内します。

①パンくずリスト

スタートアップテーマでは、
「パンくずリストパーツ」と「サブグループパンくずリストパーツ」という２つのシステムパーツが配置されております。

該当商品に登録があるすべての商品グループがパンくずとして表示されますが、パーツを外すことも可能です。
表示を変更したい場合はパーツを外していただき、ご調整ください。

 

②商品画像表示

商品詳細ページの商品画像の表示については、いくつかのパーツをご用意しています。
デフォルトでは、「商品画像パーツ」が配置されております。

画像表示を変更したい場合は、任意のパーツへご変更ください。

マニュアル：商品詳細エリア（システムパーツグループ）

 

なお、使用するパーツによって、メイン画像と拡大画像の表示順は異なりますので、ご注意ください。

マニュアル：メイン画像と拡大画像の表示順について

 

③商品価格表示

販売価格が表示されます。定価が設定されている場合は、二重価格表示となります。
（※ バリエーション価格をご利用の場合は、二重価格表示は行えません）

「定価」「のところ」「当店特別価格」については、設定で変更可能です。
構築＞ページ設定＞商品ページ にあります、「価格表示設定」をご変更ください。
※ コマースクリエイター切替前のサイトと共通設定となります。

マニュアル：価格表示設定

 

④カートボタンの表示

商品詳細ページのカートボタンの表示については、いくつかのパーツをご用意しています。
デフォルトでは、「カート・バリエーションごとにボタンパーツ」が配置されております。

表示を変更したい場合は、任意のパーツへご変更ください。

マニュアル：カートボタンパーツ

 

⑤「返品・交換について」「入荷お知らせメールについて」の表示

該当箇所はフリーパーツで挿入されています。
文章を変更したい場合は、「・・・」から、パーツを変更する を選択してください。
表示しない場合は、「・・・」から、パーツを外す を選択してください。

 

 

【応用編】

商品ごとに異なる内容を設定したい（バナーの設置など）

 

各商品の独自コメントを利用することで、商品ごとにバナーの出しわけなどを行うことが可能です。

マニュアル：商品独自コメントでできること（商品詳細）

 

SALEなどのアイコンを表示したい

商品マークを利用することで、「SALE」や「送料無料」などのアイコン表示が可能です。

マニュアル：商品マークを表示する

 

おすすめ商品を表示したい

商品ページ内に類似商品やあわせ買いにおすすめな商品などを表示することが可能です。

マニュアル：おすすめ商品を表示する

 

特定商品のみ異なるデザインを適用したい

商品ごとに異なるレイアウトを設定することが可能です。それにより、デザインを変えることもできます。

マニュアル：特定の商品詳細ページのレイアウトを変更することはできますか？