ストアページをデザインする（Store）

ストアページ 完成サンプル

https://outwear.en.alibaba.com/index.html

ストアページの編集手順

1. 左メニュー［Store］をクリックします。
   
2. 初回のみ規約が表示されます。内容をご確認いただいた上でチェックを入れ、［Agree and Proceed］をクリックします。
   
3. Store画面が表示されます。
4. Mini-site navigation displayを［On］にします。ストアトップページのデザインを作成することができます。Onにしていない場合は、掲載済み製品一覧が貴社ストアページのトップに表示されます。
   
5. デザインバージョンが1件自動的に作成されます。一覧の項目は以下の通りです。
   
   

   項目	説明
   Version name	貴社が設定したバージョン名が表示されます。 また、現在表示されているバージョン名の横には(Online)と表示されます。
   Preview	実際にどのようにサイトが表示されるか、プレビューを表示して確認することができます。 をクリックすると、PC版のプレビューが表示されます。 をクリックすると、携帯版のプレビューが表示されます。
   Latest modification	最終編集日時が表示されます。
   Latest release	最新公開日時が表示されます。
   Operation	操作メニューが選択できます。 ・Edit: 編集画面が表示されます。 ・Copy Version: 選択したバージョンをコピーできます。 ・More: Version nameをRename(変更)したり、Deleteで削除できます。

6. ［Edit］をクリックします。
7. Store Bulder（ストアビルダー）が表示されます。各パーツの色を変更したり、画像をアップロード、モジュール追加して、貴社オリジナルのストアデザインを作成します。
   

ストアビルダーの構成

ストアビルダーは、以下のパーツにより構成されています。

1. PC/Mobile切り替え: クリックすると編集画面をPC版とMobile版に切り替えることができます。

2. ツールバー選択: 追加するモジュールを選択することができます。

3. My Page: 編集をやめてMy Alibabaに戻ることができます。

4. 各種決定ボタン:
   　 ・Save As: 下書き保存
   　 ・Preview: 実際の表示をプレビューで確認
   　 ・Sync to Mobile: PC版ストアデザインをMobile版に同期
   　 ・Publish: デザインを公開

5. デザイン編集エリア