ZAKKA STORE
¥5,800
「ZAKKA STORE」は、取り扱う商品の種類が多くなる雑貨店やセレクトショップなどを
イメージして作成したBASE専用オリジナルテーマです。
トップページは1カラム、商品ページは一部2カラム＋1カラムが基本のレイアウトになります。
レスポンシブデザインになっていますので、「デフォルトのモバイルテーマを使用」を
OFFにするとオリジナルテーマが適応されます。
※スマートフォンの場合は常時1カラムレイアウトです。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
詳細説明ページはこちら ： http://zakka-store.tumblr.com/
テーマの動作確認サイトはこちら ： http://goristyle.thebase.in/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
・SHOP NAME(お店の名前)と見出しテキストのフォントを共通のフォントで表示可能(【SHOP NAME】フォント)。
・メインテキスト文字のフォント切替可能（メインフォント）。
※メインフォント（日本語フォント）はユーザー環境に依存する場合もあるため、
設定どおりのフォント表示にならないケースもあります。
※スマートフォンに関しては、基本的に機種依存フォント表示になります。
・必要のない機能は、ON/OFF機能で切替可能です。
・ECサイトに欠かせないメイン画像（静止・スライダー）、NEWSの追加が出来ます。
・商品ページには自由にショッピングガイドや取扱上の注意事項などを記載できる自由エリア（HTML利用可能）と共通画像（バナーなど）を追加することができますので、商品発送についてなど共通する情報を掲載することが可能です。
※バナー画像にはリンクも貼ることができます。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●機能追加＆修正のお知らせ●
[2018.09.21]
・「ショップコインApp」に対応いたしました。
・商品一覧、関連商品などサムネイル画像サイズの一部修正対応いたしました。
[2018.06.16]
・商品一覧、関連商品などサムネイル画像のIEバグの修正対応いたしました。
[2018.05.16]
・「セールApp」に対応いたしました。
・「商品画像20枚掲載」に対応いたしました。
・「関連商品App」に対応いたしました。
[2017.08.07]
・「レビューApp」に対応いたしました。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【機能説明】
■スマートフォンに最適化したレスポンシブデザイン（※切替可）
商品ページは縦に長くなりがちですので、ヘッダーメニューは上部に固定しています。
また、商品名がいつでもわかるようにヘッダーに商品名を表示しています。
カテゴリーメニューはメインメニュー内の他に、フッター部分にも表示されるようデザインしています。
フッターエリアから他のカテゴリーへの巡回も可能です。
■メインテキストフォントを５種から選択可能（ゴシック体・明朝体など）
■SHOP NAME（お店の名前）、見出しテキスト部分のフォントを１６種類から選択可能
メインテキストの他にSHOP NAME（お店の名前）や見出しテキスト（Ｈ２，Ｈ３タグ利用時）のフォントを選択設定することができます。
SHOP NAMEのオリジナルデザインを持たないショップオーナー様でも、簡単にSHOP NAMEをカスタマイズできます。
■SHOP NAME（お店の名前）はオリジナル画像の設置可能
■SHOP NAME（お店の名前）はヘッダー、サイドメニュー上部、フッターに標準表示
SHOP NAME（お店の名前）はオリジナルの画像を設定することも可能です。
同じ画像をヘッダー・フッター・メニュー部分に表示されるよう設定しています。
【SHOP NAME】フォントを設定・選択しない場合も、【SHOP NAME】フォントで選択しているフォントは
見出しテキストのフォントとして利用されます（英数字のみ。日本語表記部分には対応していません）
■メニューボタンは左上部にハンバーガーボタンを固定設置（PC/スマホ共通）
メインメニューは左上部のハンバーガーボタンをクリックすると左側からスラインドインします。
追従型ですので、ページのどの位置からでもメニューボタンを操作することができます。
■メニューボタンエリア内に【検索ボタン】を設置しています。
検索Appsに対応しています。
メニューボタンは追従型ですので、どこからでもショップ内のアイテムをキーワード検索することができます。
■カテゴリーAppsの多階層表示に対応しました。
新しくカテゴリーAppsを利用すると第三階層までのカテゴリー分類が可能になりました。
当テンプレートでは、以下のように表記対応しています。
●メインメニュー（左ハンバーガーボタン）
カテゴリーは「大カテゴリー」が表示されています。
各「大カテゴリー」を選択すると、「中カテゴリー」がリスト表示されます（hover時）。
「中カテゴリー」をクリックすると、中カテゴリー内一覧ページへ移動します。
※現在BASEの仕様では第二階層までの表示になります。
●フッターメニュー
カテゴリーは「大カテゴリー」のみ表示されています。
「大カテゴリー」をクリックすると、そのカテゴリー全体のカテゴリー内一覧ページへ移動します。
※メインメニューではドロップダウン形式の表記になりますので、大カテゴリーへはリンクできません。
中カテゴリーへの誘導を想定しています。
大カテゴリーへの移動はフッターからの誘導で対応しています。
■カテゴリー一覧ページ
カテゴリのページでは、現在表示されているカテゴリ名や、子カテゴリの一覧の表示、パンくずの表示をしています。
■ページ背景色変更可能（画像も可能）
ページ背景色を変えるだけで、イメージがガラッと変わります。
もちろん白背景でも商品アイテムが引き立つよう商品ごとのサムネイルはカード型になっています。
■ヘッダーとフッター背景カラーを指定可能
ヘッダー、フッターの背景色を指定することができます。
シンプルにしたい場合には、白に近いカラーがおススメです。
■メニューに自社サイトなどへの外部リンクを追加
外部サイト（メインサイトや外部のブログなど）へのリンクを張ることができます。
【New!】ショップコインAppをご利用の場合には、説明ページへのリンクがメニューに表示されます。
■メイン画像を静止画１枚、またはスライダー５枚まで切替表示（※ON/OFFが可能）
お店のイメージ画像を設置することができます。
スライダー画像なら５枚、静止画像は１枚設置できます。
スライダー画像を設定する場合は、使用する画像の縦横サイズは揃えて設定することをおすすめしています。
※スライダー画像をご利用の際は5枚登録を推奨しております（枚数が少ない場合余白が出る場合があります）
■商品ページではヘッダー部分に該当ページの商品名を表示
商品ページは特にスマートフォンで閲覧していると縦長になります。
「どの商品ページなのか？」が分かりやすいように、ヘッダーエリアの中央に商品名を表示するように設定しました。
※長い商品名の場合にも表示されるように設定しておりますが、最大50文字程度までを想定しています。
（あまり長すぎる商品名はヘッダー部分からはみ出る可能性があります）
■商品ページに「LINE」「facebook」「Twitter」のＳＮＳボタンを設置
商品を見ながらＳＮＳへ発信しやすいようにボタンを標準設置しています。
■商品ページの「購入ボタン」はボタンカラー、文字色をカスタマイズ可能
購入ボタン（通常時、hover時、テキストカラー）をショップに合わせてカスタマイズができます。
購入ボタンカラーが濃い色の場合は、テキストカラーを淡い色系に、
購入ボタンが淡い色の場合には、テキストカラーを濃い色系に合わせた方が見やすいかと思います。
■商品ページに共通画像バナー3枚まで設置可能（※ON/OFFが可能／リンク設置可）
※共通画像のうち１，２枚目はAboutページでも同様に表示されます
■Aboutページ、商品ページ共通のHTML自由記述欄を設置
商品ページとAboutページには共通で表示されるバナーエリアと、
自由に情報を記述できる自由エリアを用意しました。
aタグやimgタグなどHTMLタグで記述することができますので、
商品の共通説明（商品特性の説明）や配送方法、配送日数についてなど
ショッピングガイドを記載することができます。
共通バナーは３枚まで設置可能です。
季節のセール情報や休暇情報など画像でお知らせることもできます。
■インフォメーションなど、簡単なお知らせを３件まで追加（※ON/OFFが可能）
トップページに簡単なお知らせを３件告知できるように設定しています。
お知らせや、詳細についてはブログへリンクを張り誘導することもできます。
■フッターにFacebook、twitter、Instagramのリンクとアイコンを追加
■フッターにコピーライトを記載
■ページトップへ戻るボタン追加
《対応しているApps》
HTML編集／カテゴリ管理／Blog機能／ラベル／海外対応／
メールマガジン配信／デジタルコンテンツ販売／baseロゴ非表示／
ショップ内検索／レビュー／関連商品表示
★ショップロゴ作成Apps には対応していません。
（SHOP NAMEフォント設定を独自に設定しているため）
■海外対応Appsについて
海外Appsに対応しておりますが、カスタム部分等DEPARTMENTテーマ独自のカスタム箇所については、
言語選択をしても日本語のままとなります。
ご了承くださいませ。
詳しい使い方については、こちらをご覧ください。
http://zakka-store.tumblr.com/
