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

商品ページパーツの並び替えとデザイン編集方法

【ご注意】
本ページで説明の機能は、2021年1月廃止予定です。
お早めに「新ストアデザイン」への切り替えを実施くださいますようお願いいたします。
「新ストアデザイン」に関するご案内 (実施概要、スケジュールのご確認)
「新ストアデザイン」対応のマニュアルよくある質問
「ストアデザイン」と「新ストアデザイン」の新旧パーツ比較一覧

このページでは、商品ページ領域の編集方法について説明します。
手順は以下の通りです。

商品ページをレイアウトする

商品ページでは12パターンのテンプレートを登録することができます。
テンプレートは、パーツをレイアウトすることで編集可能です。
登録済みのテンプレートは、商品ページを作成する際に、ページ毎で最適なテンプレートを選択することができます。

参照

手順1

ストアエディタの「ストアデザイン」をクリックし、「ストアデザインメニュー」の[商品ページ]をクリックします。

手順2

「商品ページテンプレート設定」ページが表示されます。編集したいテンプレートを選択し、[編集]ボタンを押します。

ヒント
テンプレート名の後ろに表示されている「IT01」な どの記号は、商品データベースでテンプレートを指 定する際に使用します。

手順3

「商品ページレイアウト設定」ページが開くので、パーツを並べ替えたいときは[パーツの並べ替え]タブをクリックします。

手順4

商品ページに使えるパーツが左枠内や右枠内のテンプレートにセットされています。
右のテンプレートにセットされているパーツが、ストアに表示されます。新たに加えたいパーツがあれば左枠から右枠へ移動(ドラッグ)させ、使用しないパーツは右枠から左枠へ移動させます。
右のテンプレート上では、並べ替えもできます。
設定が終わったら、[保存]ボタンを押します。

重要
商品ページでは「商品基本情報」「商品説明」パーツが必須となっており削除できません。
また「商品基本情報」は2013年9月25日(水)より最上部固定となり移動(ドラッグ)させることはできなくなりました。
ヒント
[プレビュー]ボタンを押すと新しいウィンドウが開き、設定を確認できます。

手順5

「商品ページテンプレート保存確認」パネルが開き ます。テンプレート名を全角10文字(半角20文字)以内で設定し、[保存]ボタンを押します。

パーツの編集を行う

手順1

「商品ページレイアウト設定」ページで、[デザイン編集]タブをクリックします。

手順2

表示されるテンプレートのなかから編集したいパーツをクリックすると、そのパーツの編集フォームが表示されます。
入力が終わったら、[保存]ボタンを押します。

ヒント
[プレビュー]ボタンを押すと新しいウィンドウが 開き、設定を確認できます。

手順3

「商品ページテンプレート保存確認」パネルが開きます。
テンプレート名を全角10文字(半角20文字)以内で設定し、[保存]ボタンを押します。

ストアデザイン

よくある質問 素材集
本文はここまでです このページの先頭へ