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

通常モード:設定の流れ

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

ストアデザインをおこなうためのストア運営ツール「ストアエディタ」には、「かんたんモード」と「通常モード」という2種類の編集モードがあります。

かんたん
モード
ページのテンプレートに、Yahoo!ショッピングおすすめのパーツがあらかじめ設定
されてるため、簡単に短時間でストアのページを構築できます。
通常モード さまざまなパーツを組み合わせて、ストアオリジナルのテンプレートを作成できます。
デザインにこだわりたい場合は、通常モードをおすすめします。

このページでは「通常モード」の設定の流れについて説明します。「通常モード」では、ストアの各ページごとにテンプレートが設定でき、パーツの選択や並べ替えもできます。

「通常モード」の選択

テンプレート選択

全体の設定

パーツの並び替え・編集

基本テンプレートの選択

動画「ストアデザインの設定」
ストアデザインの設定
お役立ち動画解説
通常モードを利用し、「ストアデザインの設定」を解説した動画をご用意しております。
ぜひご活用ください。

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

「通常モード」の選択

「ストアエディタ基本設定」ページ
ストア基本設定
「通常モード」の設定は、「ストアエディタ基本設定」にておこないます。

ストアクリエイターPro「ストア構築」の[ストアエディタ基本設定]をクリックします。
編集モードで「通常モード」を選択し、[更新]を押します。

「通常モード」が設定された状態となります。

テンプレート選択

「テンプレート選択」画面
「テンプレート選択」画面
ヘッダーの「ストアデザイン」をクリックします。 「ストアデザインメニュー」共通設定の[テンプレート選択]をクリックします。

ストアページ全体のテンプレートとイメージカラーを選択し、[保存]ボタンを押します。

「通常モード」でテンプレートとイメージカラーが設定された状態となります。

参照ツールマニュアル
ストアデザイン>通常モード
>>「テンプレートの選択」

  ◆PayPayモール出店の場合のご注意
  PayPayモールでは利用しないため、設定不要です。

全体の設定

「全体の設定」画面
テンプレートの選択後、ページ幅・色・価格表記など、ストア内で統一して使用する表示の設定を行います。
ここで設定できる項目は下記になります。

  • ページ幅
  • 位置
  • 背景色
  • 背景画像
  • 文字色
  • リンク文字色
  • 価格表示名/文字色
  • (表示パーツの)色

参照ツールマニュアル
ストアデザイン>通常モード
>>「全体の設定」

  ◆PayPayモール出店の場合のご注意
  PayPayモールでは利用しないため、設定不要です。

パーツの並べ替え・編集

「デザイン編集」ページ
「デザイン編集」ページ
「テンプレート選択」と「全体の設定」が終わったら、各領域に表示する「パーツ」の並べ替えと編集を行います。

共通領域(ヘッダー/サイドナビ/フッター)のパーツ編集
「ストアデザインメニュー」共通設定からパーツの配置(並べ替え)、編集をおこないたい領域(ヘッダー/サイドナビ/フッターのいずれか)をクリックします。
ページの右側に設定可能なパーツが表示されるので、編集や並べ替えを行います。
参照ツールマニュアル
ストアデザイン>通常モード
>>「ヘッダーパーツの並べ替えとデザイン編集」
>>「サイドナビパーツの並べ替えとデザイン編集」
>>「フッターパーツの並べ替えとデザイン編集」

ページレイアウト(トップページ/カテゴリページ/商品ページ/カスタムページ)単位でのパーツ編集
「ストアデザインメニュー」ページレイアウトからパーツの配置(並べ替え)、編集をおこないたい領域(トップページ/カテゴリページ/商品ページ/カスタムページ)をクリックします。
ページの右側に設定可能なパーツが表示されるので、編集や並べ替えを行います。
カテゴリページ、商品ページは、複数パーツの組み合わせを異なるテンプレートとして保存(登録)しておくこともできます。
参照ツールマニュアル
ストアデザイン>通常モード
>「トップページパーツの並べ替えとデザイン編集」
>「カテゴリページパーツの並べ替えとデザイン編集」
>「商品ページパーツの並べ替えとデザイン編集」
>「カスタムページパーツの並べ替えとデザイン編集」

  ◆PayPayモール出店の場合のご注意
  PayPayモールではパーツの並び替えは利用しないため
  設定不要です。

基本テンプレートの選択

「基本テンプレート」画面
「基本テンプレート」画面
パーツの並び替え・編集の項目にて、ページ単位でパーツ編集がおこなえることをご案内しました。さらに、「カテゴリページ」と「商品ページ」では、複数パーツの組み合わせを異なるテンプレートとして保存(登録)ができます。
複数テンプレートを登録した場合、「ストアデザインメニュー」の[基本テンプレート]で、どのテンプレートを使用するかを選択し、ページごとに使い分けが可能になります。
複数テンプレートから選択するには「ストアデザインメニュー」の[基本テンプレート]をクリックします。
カテゴリページ、商品ページそれぞれで、利用したいテンプレートを選択し[保存]をクリックします。

お役立ちテンプレートの中身
それぞれに登録されているテンプレート内容は、「基本テンプレート」画面では確認できません。
カテゴリページのテンプレートを確認する際は、左カラム「ストデザインメニュー」ページレイアウトの[カテゴリページ]を、商品ページのテンプレートを確認する際は、左カラム「ストデザインメニュー」ページレイアウトの[商品ページ]をクリックしてください。

  ◆PayPayモール出店の場合のご注意
  PayPayモールでは利用しないため、設定不要です。
よくある質問テンプレートを初期状態に戻したい
Q.ストアページを作成した後、テンプレートを初期状態に戻すことはできますか
A.ストアページを作成した後は、テンプレートを初期状態に戻せません。
再度設定をする必要があります。

ストアデザイン

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