ここから本文です
掲載日:2020年09月17日

商品ページに適用する

このページでは、「新ストアデザイン」タブで設定した内容を商品詳細ページに適用する方法を説明します。
(「商品ページ以外(その他のページ)」への適用はこちらをご確認ください。)

「新ストアデザイン適用」とは

商品ページで「新ストアデザイン」の内容が表示される範囲
すべての商品ページに「新ストアデザイン」を適用する

※本マニュアルの掲載内容は、予告なく変更される場合があります。
※システム仕様に変更があった場合は、「ストアクリエイターPro」トップページでお知らせいたします。「ストアクリエイターPro」トップページを頻繁にご覧になることをおすすめいたします。


「新ストアデザイン適用」とは

スケジュール
スケジュール
2020年から2021年にかけて、設定メニューの「ストアデザイン」が「新ストアデザイン」に変更になります。(詳細はお知らせをご確認ください。)

「新ストアデザイン」で設定した内容は、パソコン版ページに反映されます。

「旧ストアデザイン」は廃止予定のため、すべての出店者様において「新ストアデザイン」の利用が必須となります。
「新ストアデザイン」メニュー画面
「新ストアデザイン」の適用は、「商品詳細ページ」と「その他のページ(ストアトップページ、カテゴリページ、カスタムページなど)」に分けて適用可能です(同時に適用もできます)。

新旧ストアデザインのいずれも利用できる並行期間がありますので、並行期間終了までは、出店者様にて『新ストアデザインをどのページに適用させるか』を指定できます。

商品ページで「新ストアデザイン」の内容が表示される範囲

「新ストアデザイン」適用領域
「新ストアデザイン」適用領域
「新ストアデザイン」で設定した内容は、商品詳細ページを含む各パソコン版ストアページにて基本、『共通表示』されます。(※)

本ページで説明する「新ストアデザイン」メニュー内「デザイン切り替え設定」[新ストアデザイン適用ページ]の設定を行うことで、設定内容をストアページに反映できます。
表示される項目(左図の部分)の詳細は、下記「ストアページの構成」ページをご確認ください。

(※)商品ページ以外の一部のページでは、共通領域の一部表示が異なる場合もあります。


参照ツールマニュアル
新ストアデザイン>新ストアデザインの基礎
>>「ストアページの構成」


お役立ち各ページの設定
各ページで異なる領域(左図オレンジ部分)は「ページ編集」メニューにて設定します。
(参考:マニュアル

すべての商品ページに「新ストアデザイン」を適用する

重要
「新ストアデザイン」を商品詳細ページに適用する場合、“すべての商品詳細ページ一括適用”となります。特定のページのみの適用はできません。
本項目選択、反映をおこなうとパソコン版の“すべての商品詳細ページ”にて「新ストアデザイン」が適用されます。
ページ編集内容によっては、出店者様の予期せぬ表示崩れなどが発生する可能性がございます。
本項目による「一括適用」前に、「プレビュー」等にてご確認いただくことをお勧めします。

動画「新ストアデザインの設定(2)」
新ストアデザインの設定(2)
お役立ち動画解説
「パソコン版ページデザインの変更」を解説した動画をご用意しております。
「新ストアデザインの設定(2)」では以下をご案内しています。 ぜひご活用ください。
  • お知らせ
  • フッター:ストア情報(2:35以降)
  • フッター:おすすめ商品(3:54以降)
  • フッター:フリースペース(5:13以降)
  • フッター:インフォメーション(6:11以降)
  • フッター:コピーライト(7:07以降)
  • 商品ページへの適用(7:40以降)

手順1

「新ストアデザイン」画面
「新ストアデザイン」画面
「ストアクリエイターPro」トップページから「商品・画像・在庫」メニューの[新ストアデザイン]をクリックします。

手順2

「新ストアデザイン」画面
「新ストアデザイン」画面
「新ストアデザイン」の各種設定(左図青枠部分)が完了したら、「デザイン切り替え設定」メニュー内[新ストアデザイン適用ページ](赤枠)を押下します。

※各種設定の詳細は下記マニュアルをご確認ください。
参照ツールマニュアル
新ストアデザイン
>>「ナビゲーションメニュー」
>>「看板」
>>「お知らせ」
>>「フッター」

手順3

「新ストアデザイン」画面
「新ストアデザイン」画面
「新ストアデザイン適用管理」の「商品ページ(全商品一括適用)」欄にて「適用する」を選択、[反映]を押下します。

お役立ち
新旧ストアデザイン並行期間中は、旧ストアデザイン設定の内容への切り替えも可能です。すべての商品詳細ページを旧ストアデザイン設定へ戻す場合は「適用しない」を選択し、[反映]を押下します。
本文はここまでです このページの先頭へ