Fashion

アパレルに最適な「Fashion」テンプレートガイドライン

はじめに

この「Fashion」テンプレートは従来のカスタマイズテンプレートとは違い、商品画像がより大きく映えるようなデザインを採用しています。 それに伴い、ショップ様に設定していただく項目が4つありますので、下記のフローに沿ってお進みください。

設定1

商品画像のサイズを設定しよう

オンラインショップの一番の要である商品画像を大きく見せるのが、このテンプレートの特徴になります。
まずこの商品画像サイズの設定からおこないましょう。

設定するページ
ショップ作成 > デザインの設定 > トップページ商品配置の設定

「縮小商品画像サイズ設定」の画像サイズを270ピクセルに変更して、保存ボタンを押してください。

「縮小商品画像サイズ設定」の画像サイズを270ピクセルにしましょう

設定2

フッターに必要な情報を入力しよう

送料がいくらなのか、どんな決済方法が使えるのかなど
購入者がすぐ確認できるようにしましょう。

設定するページ
独自デザイン > トップページ編集 > 下段メニュー管理

下段メニューに「配送・送料について」「支払い」情報を入力する箇所がありますので、ご自分のショップの情報を入れてください。

MakeShopではすべて標準対応しています。※「スマートフォン最適化」設定時

設定3

利用案内・会社案内・特定商取引法ページを設定しよう

購入者にとっては、ショップの顔となるページになります。
テンプレートにあわせたデザインにそろえることで、統一感のある案内ページができます。

  • 利用案内
  • 会社案内
  • 特定商取引法

利用案内の項目内容については、ショップ様にあわせて自由にご入力ください。

【STEP1】

ショップ作成 > ショップ情報の設定 > 利用案内設定

「画面デザイン設定」を「項目ごとに内容を編集」に設定し、「利用案内の項目設定」を項目ごとに入力してください。

【STEP2】

ショップ作成 > デザインの設定 > 利用案内画面デザイン

「5番 (Fashionテンプレート用)」に設定しましょう。

【利用案内画面をオリジナルのデザインにしたい場合】

画面デザイン設定を「ページ全体をHTML編集」にしてHTML編集してください。

▼下のソースをコピーして、お使いください。

各ページに、指定したソースをペーストしてお使いください。
会社概要の内容については、ショップ様にあわせて自由にご入力ください。

設定するページ
ショップ作成 > ショップ情報の設定 > 会社概要の設定

▼下のソースをコピーして、お使いください。

各ページに、指定したソースをペーストしてお使いください。
特定商取引法の内容については、ショップ様にあわせて自由にご入力ください。

設定するページ
ショップ作成 > ショップ情報の設定 > 特定商取引法設定

▼下のソースをコピーして、お使いください。

設定4

デザインの細かい設定をしよう

こちらの設定は必須ではありませんが、
より整ったデザインのために設定しておいたほうがよいでしょう。

ショップ作成 > デザインの設定 > 基本デザイン設定

「ショップレイアウト選択」を「左揃え」に設定しましょう。
「タイトルイメージの余白設定」を「余白を入れない」に設定しましょう。

独自デザイン > トップページ編集 > 中央画面管理

エディター下の「左側メニューとメインページの間の空白を無くす」にチェックを入れましょう。

このテンプレートを適用するときのご注意点

  • このテンプレートは1カラムレイアウトを採用しており、左メニュー部分をCSSを使って非表示にしています。そのため「左側メニュー管理」に入れた内容は反映されませんのであらかじめご了承ください。
  • 独自デザインの「タイトルイメージ管理」ですが、こちらのテンプレートは各タイトルをテキストで設定可能となっておりますので、「タイトルイメージ管理」で画像設定されても反映されませんのであらかじめご了承ください。
  • 「ログカウンター」機能につきましては、このテンプレートでは使用することができません。あらかじめご了承ください。

こちらのテンプレートでお困りの点などありましたら、お気軽に「デザイン質問掲示板」までお問い合わせください。

Page Top