商品ページのデザインをつくる

「商品の登録」機能での、商品デザインをつくる機能の使い方をご案内します。

 

ストア商品ページでの表示箇所

PC商品ページ

「商品説明」項目の下に表示されます。

スマホ商品ページ

「商品情報」項目の「商品情報をもっと見る」をクリックすると表示されます。

 

設定画面の見方

1.編集欄	ここで表示のされ方を確認しながら、編集したい箇所を選択していきます。
2.背景・フォント	このブロック全体の、背景やフォントの設定を行えます。
3.商品画像を並べる	前ページで登録した商品画像・詳細画像を掲載できます。
4.他ページからコピー	Magnetで作成した他ページからデザインをコピーできます。 操作ヘルプ：他のページからデザインをコピーする
5.もどす/すすむ	直前の操作に戻す、または進めることができます。
6.プレビューする	出来上がりのプレビューを確認できます。
7.保存する	編集状態を一時保存できます。※新規商品のみ。既存商品編集時には表示されません。

 

パーツの追加・削除

Magnetの商品デザインは、「パーツ」の組み合わせでできています。
パーツには「画像パーツ」「テキストパーツ」など、さまざまな種類が用意されていて、お好きに追加・削除・編集をすることができます。

追加する

1. 編集欄のパーツを追加したい箇所にマウスを合わせ「ここにパーツを追加する」をクリックする
2. 左側のパーツメニューから、追加したいパーツの種類を選択する
3. 画面中央のテンプレートパーツ選択する

編集する

1. 編集欄の編集したいパーツにマウスを合わせ「編集する」をクリックする
2. パーツの編集画面が表示されるので、画像やテキストをクリックして編集する
3. 最後に「保存する」をクリックする

削除する

1. 編集欄の削除したいパーツにマウスを合わせ「ゴミ箱マーク」をクリックする

並び替える

1. 編集欄の並び替えたいパーツにマウスを合わせる
2. 上部へ移動させたい場合「↑」をクリックする
3. 下部へ移動させたい場合「↓」をクリックする

 

商品画像を並べる

前ページで登録した＜商品画像・詳細画像＞と同じ画像をデザインの一番上に掲載することができます。

1. 「商品画像を並べる」をクリックする
2. 並べたい画像にチェックを入れ、「選ぶ」をクリックする
3. パーツを残すかどうか選択し、「挿入する」ボタンで画像を設置する。(誤ってパーツを削除されてしまった場合は、画面上「もどす」にて直前の操作に戻れます。)

 

作成したデザインが全て表示されません

商品ページ「商品説明」欄の下部が、PCでは表示されているが、スマホで表示すると見切れている場合はこちらのヘルプ記事をご参照ください。

• ヘルプ：スマホではデザインの下部が見切れてしまう