ウォークスルー：ストアのデザイン

クイックショッピングカートでは、いつでもテンプレートを簡単に変更できます。新しいテンプレートを使用すれば、さまざまなデザインと色の組み合わせを試して、オンラインストアの外観をまったく変えることができます。

テンプレートを変更するには

1. GoDaddy アカウントにログインします。
2. 「Quick Shopping Cart」をクリックします。
3. 「Quick Shopping Cart」ページで、変更するQuick Shopping Cartアカウントの横にある「管理」をクリックします。
4. 「テンプレート」タブをクリックします。
5. オプション：「プレビュー」メニューで、新しいテンプレートを使用してプレビューするサイトビルダを選択します。
6. オプション：最近作成されたテンプレートを表示する場合は、「並べ替え」メニューで「日付」を選択します。テンプレートをアルファベット順に表示する場合は、「名前」を選択します。
7. 「Template Gallery（テンプレートギャラリー）」タブで、使用するテンプレートの上にマウスを動かします。
8. テンプレートを適用するサイトビルダを選択してから、「適用」をクリックします。
9. ストアでの作業を開始するには、「マイストア」領域で、テンプレートの上にマウスを動かしてから、「Work on My Store（マイストアで作業する）」をクリックします。

現在インターネット上に表示されているアクティブテンプレートを確認するには、「My Templates（マイテンプレート）」タブに移動します。

すべてのクイックショッピングカートのテンプレートに、テンプレートイメージと呼ばれるデフォルトイメージのセットが付属しています。これらのイメージがストアの外観にそぐわない場合は、変更できます。他の媒体ベースのオプションと同様に、テンプレートイメージでもメディアギャラリーが使用されます。詳細については、「メディアギャラリーの使用」を参照してください。

踊っている男性のデフォルトテンプレートイメージを使用するのではなく、吊るされているシャツの独自のイメージを使用できます。

テンプレートイメージを変更するには

1. GoDaddy アカウントにログインします。
2. 「Quick Shopping Cart」をクリックします。
3. 「Quick Shopping Cart」ページで、変更するQuick Shopping Cartアカウントの横にある「管理」をクリックします。
4. 「セットアップ」メニューの「Design（デザイン）」セクションで、「テンプレートイメージ」を選択します。
   
   Tシャツ販売店のストアフロントの場合は、イメージ2の踊っている男性を置き換える必要があります。

   

5. 変更するイメージを選択してから、「画像を変更」をクリックします。
6. イメージをアップロードするには、「Add Images（イメージの追加）」タブに移動して、「参照」をクリックします。イメージを探して選択してから、「アップロード」をクリックします。

   注意：使用するイメージがアップロードされている場合は、ギャラリーでサムネイルを選択します。

7. 「マイイメージ」タブで、テンプレートに追加するイメージを選択します。
8. 「OK」をクリックします。
9. イメージの表示方法を変更するには、「Select Format（形式の選択）」リストで、次のいずれかを選択します。

   注意：使用可能なスペースがサムネイルの下に表示されます。この情報を使用して、形式オプションを選択してください。

   • Original（オリジナル） - イメージのオリジナルのサイズと形式を維持します。
   • Scale to Fit（全体表示） - アスペクト比を維持しながら、オリジナルのイメージの寸法以下になるようにイメージのサイズを変更します。
   • Stretch to Fit（拡張表示） - アスペクト比を無視して、オリジナルのイメージと同じ寸法にイメージのサイズを変更します。
   • Tile Image（タイル表示） - 割り当てられたスペース内でイメージを縦と横に並べて表示します。
   • Tile Horizontally（左右に並べて表示） - イメージを横一列に並べます。上下の配置はテンプレートに依存します。
   • Tile Vertically（上下に並べて表示）- イメージを縦一列に表示します。左右の配置はテンプレートに依存します。
   • Scale and Crop（スケールとトリミング） - テンプレート内のイメージに使用可能なスペースの範囲内で、アスペクト比を維持しながらイメージを拡大縮小します。一方の寸法が一致して、もう一方の寸法が使用可能なスペース以上になった時点で、イメージは使用可能なスペースの寸法に合わせて中心からトリミングされます。
10. デフォルトテンプレートイメージを使用するには、「Revert to Original（オリジナルに戻す）」をクリックします。
11. イメージが表示されないようにするには、「Delete Image（イメージの削除）」をクリックします。
12. 「OK」をクリックして変更を保存します。

    

    シャツストアの例では、音楽を聞いている男性の代わりに、吊るされているシャツの画像がストアに表示されるようになりました。
13. 公開時点のサイトの外観を確認するには、「プレビュー」をクリックします。

注意：加えた変更は、ストアフロントを公開するまでインターネット上には表示されません。詳細については、「

テンプレートを選択したら、顧客に対してビジネスに関する情報を提供する必要があります。指定した情報がストアフロントに表示されます。

ストアフロント情報を設定するには

1. GoDaddy アカウントにログインします。
2. 「Quick Shopping Cart」をクリックします。
3. 「Quick Shopping Cart」リストで、変更するQuick Shopping Cartアカウントの横にある「管理」をクリックします。
4. 「セットアップ」メニューの「ビジネス情報」セクションで、「Name, Logo, Contact info（名前、ロゴ、連絡先情報）」をクリックします。
5. 各フィールドに会社の情報を入力します。

例として、Tシャツ販売店に関する情報を以下に示します。ご自分の会社の情報をこれらのフィールドに入力できます。

• 会社名 - So Many Shirts!
• スローガン - We Sell a Lot of Shirts!
• 住所 - 123 Test St., Phoenix, AZ 85001
• 代表電話 - (321) 555-4444
• 代替電話 - (321) 777-6666
• メールアドレス - example@secureserver.net
• 著作権年- 2011
• ファビコン - ファビコンは、WebブラウザのサイトのURLの横に表示されます。訪問者がサイトをブックマークすると、アイコンがリンクの横に表示されます。

  

• ロゴ
  
• ウェルカムイメージ
  
• 請求書イメージ1と2
  

  顧客のレシートに請求書イメージが表示されます。ここでは弊社のロゴを使用しますが、ご自分のストア用の別のイメージを選択することも可能です。

  この情報の完成後のTシャツストアフロントの外観を以下に示します。
  

商品ページとカテゴリページの表示スタイルの選択は、ストアフロントの基礎のデザインにおける最後のステップです。

カテゴリページスタイル
カテゴリページスタイルは、商品とカテゴリをサイト上にどのように表示するかを定義します。

商品ページスタイル
商品ページスタイルは、顧客が詳細情報を求めて商品をクリックしたときの商品の表示を定義します。

商品とカテゴリのそれぞれにイメージを追加している時間がない場合は、個別の商品イメージを追加する時間ができるまでの間、すべての商品とカテゴリの代わりに表示するプレースホルダイメージを追加できます。これらにアクセスするには、「セットアップ」メニューの「Design（デザイン）」オプションの下で、「Default Product Images（デフォルト商品イメージ）」をクリックします。

ページスタイルを選択するには

1. GoDaddy アカウントにログインします。
2. 「Quick Shopping Cart」をクリックします。
3. 「Quick Shopping Cart」リストで、使用するQuick Shopping Cartアカウントの横にある「管理」をクリックします。
4. 「セットアップ」メニューの「Design（デザイン）」セクションで、「Category Page Styles（カテゴリページスタイル）」または「Product Page Styles（商品ページスタイル）」を選択します。
5. 「Select Category Page Style（カテゴリページスタイルの選択）」または「Select Product Page Style（商品ページスタイルの選択）」セクションで、レイアウトスタイルを選択します。追加のレイアウトスタイルを表示するには、ページメニューと黄色い「次へ」矢印のどちらかを使用します。
6. 「OK」をクリックします。

注意：特定の商品ページスタイルをプレビューするには、スタイルサムネイルをクリックします。現在のレイアウトスタイルが「現在の選定状態」メニューに表示されます。

Tシャツストアの例では、カテゴリページスタイルの「3 Column No Border」を選択しました。

シャツごとに複数の注文オプションがあるため、商品ページスタイルとして「Style 2」を選択しました。