「Showcase（ショーケース）」は大きな商品画像を使用し、スタイリッシュに商品を見せることができるデザインテーマです。
ずらりと並んだアイテムを視覚的に楽しめる「Showcase」なら、ユーザーは店舗と変わらないショッピング体験ができるでしょう。
こんな方におすすめです
- 大きく華やかな商品画像で、お客様にショッピングを楽しんで欲しい！
- 商品画像を美しく並べることで、ブランドの世界観を伝えたい！
1.機能紹介ABOUT
BASEデザインテーマ「Showcace」では、様々な追加機能を設けています。
- 各メニューの名称変更 設定方法
- 「ABOUT」「BLOG」など、各メニューの名称を変更して頂くことが可能です。
- メインビジュアル（スライダー） 設定方法
- TOPページのメインビジュアルとして最大3件まで画像とリンクを登録できる、大型の画像スライダーを設定しています。
- カテゴリーバー 設定方法
- TOPページのメインビジュアル下に、最大3件までリンクを登録できる、カテゴリーバーを設定しています。主要メニューや、お客様に需要の高いリンクを登録することで、ショップのユーザビリティが高まります。
- 商品ピックアップ（PICKUP ITEMS） 設定方法
-
TOPページに、3件の商品をピックアップとして登録することができます。
ピックアップ商品は、ひときわ目を引くデザインで、お客様に強くアピールすることが可能です。 - トピックス表示（TOPICS） 設定方法
-
TOPページに、ブログ機能とは別のトピック（TOPIC）を、最大3件登録することができます。
急な告知や、詳細ページを持たない簡単なお知らせ等にご活用ください。 - ABOUTページのカスタマイズ 設定方法
-
デザインテーマ「Showcase」なら、ABOUTページを柔軟にカスタマイズすることができます。
メインビジュアルを表示できるだけではなく、コンセプト文の追加、店舗情報（最大2件）、Q&A（最大5件）の登録が可能です。 - バナー表示 設定方法
-
TOPページ及び、商品ページ、カテゴリページ等で表示されるサイドメニューには、最大2件までバナー画像を掲載することができます。
SAILバナーやタイアップ企画など、常時表示したいお知らせに最適です。 - フッターメニューの追加 設定方法
- 各ページの下部に表示されるフッターメニューに、独自メニュー（1件）を追加表示することができます。「ショップガイド」や「よくあるご質問」の追加等、ユーザビリティの改善にお役立てください。
2.設定方法・マニュアルMANUAL
BASEデザインテーマ「Showcase」は、BASE管理画面のデザイン編集で「テーマ設定」を編集頂くことで、どなたでも簡単にデザインのカスタマイズが可能です。
以下ではデザイン設定の各項目について解説します。
2-1.ショップ共通設定
背景色や文字色の他、見出しフォント等の指定を行うことで、ショップ全体のテイストをカスタマイズできます。
ここで指定した内容は、TOPページの他、各商品詳細ページやABOUTページ等にも反映されます。
ショップカラー設定
文字色
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【共通】文字カラー選択
ショップ全体のベースとなる文字色を指定できます。
背景色
- 設定箇所
- 管理画面
- デザイン
- 背景
ベース背景の色変更、または壁紙画像の指定ができます。
ヘッダー文字色
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【共通】ヘッダー文字カラー選択
ヘッダー部分の文字色（メニュー文字／カートアイコン／メニューアイコン）を指定できます。
ヘッダー背景色
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【共通】ヘッダー背景カラー選択
ヘッダー部分の背景色を指定できます。
ナビゲーション文字色
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ナビゲーション】文字カラー選択
ハンバーガーメニューの文字色を指定できます。
またこのカラーは「カテゴリバー」の文字色としても適用されます。
ロゴ設定
ロゴ画像／ロゴテキストの指定
- 設定箇所
- 管理画面
- デザイン
- ショップロゴ
ショップロゴでは「画像」と「テキスト」のいずれかを表示できます。
ロゴテキストのフォント選択
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【共通】ロゴフォント選択
ショップロゴで、テキストを表示する場合のフォントを選択できます。
お選び頂けるフォントは下記の6種類です。
メニューの設定
カテゴリメニューの設定
- 設定箇所
- 管理画面
- Apps
- カテゴリ管理
カテゴリ管理Appでは、カテゴリを階層で登録することが可能です。
Showcaseのナビゲーションでは、ここで登録された「大カテゴリ」と「中カテゴリ」が表示されます。
- 他のデザイン項目とは設定ページが異なりますのでご注意ください。
- BASEでは「カテゴリ管理App」をインストールすることで、無料でカテゴリ機能を利用できます。
- カテゴリ管理Appでは「大カテゴリ」「中カテゴリ」「小カテゴリ」の3階層が登録可能です。
- ナビゲーションに表示されない「小カテゴリ」ページへは、上位階層の「中カテゴリ」ページより遷移できます。
コピーライトの設定
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【フッター】コピーライト
ページ下部に表示されるフッターエリアに、コピーライト（著作権表記）を表示できます。
お支払い方法の設定
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【決済方法】クレジットカード
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【決済方法】クレジットカード＜JCB＞
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【決済方法】クレジットカード＜アメリカン・エキスプレス＞
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【決済方法】携帯キャリア決済
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【決済方法】コンビニ決済・Pay-easy
ページ下部に表示されるフッターエリアに、お支払い方法を表示できます。
BASE管理画面の決済方法でご設定頂いた内容に合わせ、各決済方法の表示有無をご指定ください。
フッターのロゴ表示サイズの設定
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【フッター】ロゴ表示サイズ
ページ下部のフッターエリアに表示されるロゴ画像の、PCビューでの表示サイズを選択することができます。
- フッターエリアにロゴが表示されるのは、［デザイン］＞［ロゴ］設定でロゴ画像を選択した場合のみです。
- 設定されたロゴ画像が表示エリアよりも小さい場合は、100%サイズ（拡大無し）で表示されます。
メニューのカラー設定について
ヘッダー及びメニュー部分の背景色、文字色については、カラー設定の項目をご参照ください。
その他の設定
見出しテキストのフォント選択
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【共通】見出しフォント選択
見出しテキストのフォントを選択できます。お選び頂けるフォントは下記の6種類です。
カートに入れるボタンの背景色
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【商品ページ】カートに入れるボタンの背景色
カートに入れるボタンの背景色を指定できます。
カートに入れるボタンの文字色
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【商品ページ】カートに入れるボタンの文字色
カートに入れるボタンの文字色を指定できます。
2-2.TOPページ設定
メインビジュアルとなる大型スライダーや、商品ピックアップをご登録頂くことで、TOPページのデザインをカスタマイズできます。
また「Showcase」でご用意している追加機能は、ブロックごとの表示・非表示に対応しています。画像の用意が間に合わないものや、管理工数の負担が大きい要素は、非表示にし、ご利用いただくことも可能です。
見出し文言の変更
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【TOP】見出し文言（PICKUP ITEMS）
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【TOP】見出し文言（TOPICS）
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【TOP】見出し文言（NEW ARRIVAL）
TOPページで使用する3箇所の見出し文言を自由に変更可能です。
変更できる名称は以下の3箇所です。
- PICKUP ITEMS
- TOPICS
- NEW ARRIVAL
Instagramの埋め込み設定（※上級者向け）
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【TOP】Instagram埋め込みコード
埋め込みコードをご入力頂くことで、Instagramアカウントから画像を引用し、表示できます。
2022年8月現在、Instagram公式から最新フィードを表示するための埋め込みコードは提供されていません。こちらの設定をご利用になる際は、ご自身でプログラムを構築するか、外部サービスを利用し、埋め込み用コードをご用意頂く必要があります。
下記の一例は「Snapppt」を用いて、Instagram埋め込み用コードを作成する方法です。
- 「Snapppt」は外部サービスのため、提供サービスの内容が随時変更になる可能性があります。
- 下記でご紹介する手順は2022年8月現在のものです。最新のサービスと差異がある場合がございますのでご注意ください。
アカウントの作成
- Snapppt公式サイトにアクセスアカウントを作成します。
- 連携したいInstagramアカウントでサインインし、情報の取得を許可します。
- アンケート回答後、登録したメールアドレス宛てに認証メールが届きます。
「Confirm Email」をクリックし、認証を完了させます。
埋め込みコードの取得
- ログイン後、メニューの【VISUAL SHOPPING】＞【Live Feed Galleries】をクリックします。
- ページ遷移後、「Live Instagram feed」ページにて、設定項目を入力します。
設定内容は以下のとおりです。- Theme：White
- Gallery Style：一番左
- Rows：2
- Colums：5
- Gutter Width：1px
- Outer Margin：None
- Rounded posts：No
- Zoom on Hover : Yes
- Embed Heading : （空欄）
- Sub Headng : （空欄）
- Style : H3
- Position : Left
- 設定完了後、表示されるコードをコピーします。
BASEのショップデザインへ反映
- BASEのテーマ設定下部の「【TOP】Instagram埋め込みコード」をONにします。
- BASEのテーマ設定下部の「【TOP】Instagram埋め込みコード」欄に取得した埋め込みコードを貼り付けてください。
- ショップデザインにInstagramのフィードが表示されることをご確認ください。
2-3.ABOUTページ設定
デザインテーマ「Showcase」では、ABOUTページを柔軟にカスタマイズできます。
メインビジュアルを表示できるだけではなく、コンセプト文の追加、店舗情報（最大2件）、Q&A（最大5件）の登録を行うことも可能です。
ショップ説明の設定
- 設定箇所
- 管理画面
- ショップ情報
- ショップの説明
ABOUTページ、見出し直下の説明文は、「管理画面」＞「ショップ情報」＞「ショップの説明」に設定された内容が表示されます。
- ブランドコンセプトの紹介テキストとは設定ページが異なりますのでご注意ください。
ブランドコンセプト紹介の設定
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】「CONCEPT」名称
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】コンセプト①小見出し
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】コンセプト①画像
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】コンセプト①説明文
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】コンセプト②小見出し
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】コンセプト②画像
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】コンセプト②説明文
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】コンセプト③小見出し
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】コンセプト③画像
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】コンセプト③説明文
ABOUTページ内にブランドコンセプトを表示できます。
最大3段落、各段落にそれぞれ「小見出し」「画像」「テキスト」を表示可能です。
- 各段落は「説明文」を入力された段階で表示されます。「小見出し」「画像」の登録は任意です。
また、大見出しを「CONCEPT」から自由に変更可能です。
店舗情報の設定
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗①店舗名
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗①所在地
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗①TEL
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗①営業時間
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗①定休日
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗①GoogleマップURL
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗②店舗名
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗②所在地
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗②TEL
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗②営業時間
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗②定休日
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗②GoogleマップURL
ABOUTページ内に、最大2件まで店舗情報を表示できます。
「店舗名」の他、「所在地」「TEL」「営業時間」「休業日」「Googlemapのリンク」を表示可能です。
Q&Aの設定
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】質問1
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】回答1
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】質問2
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】回答2
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】質問3
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】回答3
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】質問4
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】回答4
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】質問5
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】回答5
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】詳しいQ&AへのリンクURL
ABOUTページ内に、最大5件まで、Q&Aを表示できます。
またQ&Aの下に、詳細情報へのリンクを追加可能です。より詳しい情報ページへ誘導する際にご活用ください。
2-4.登録画像の推奨サイズまとめ
デザインテーマ「Showcase」では、テーマ設定として様々な画像をご登録いただけます。
画像サイズの大小によってデザインが崩れることはありませんが、以下の推奨サイズで画像をご用意頂くことで、より美しくショップを表示可能です。
TOPページ
- メインビジュアル（スライダー）：幅1920px 高さ1080px以上
- 商品ピックアップ：幅640px高さ640px以上
ABOUTページ
- メインビジュアル：幅960px 高さ540px以上
- ブランドコンセプト紹介画像：幅700px以上
商品ページ
- 商品画像：幅640px 高さ640px以上
ブログ記事
- 1件目挿入画像：幅960px 高さ540px以上
サイドメニュー
- バナー画像：幅700px以上
3.よくあるご質問FAQ
テーマ設定を順にご入力頂ければ、どなたでもお好みのデザインにカスタマイズ可能です。
また「Showcase」でご用意している各追加機能は、ブロックごとの表示・非表示に対応しています。画像の用意が間に合わないものや、管理工数の負担が大きい要素は、非表示にしてご利用いただくことも可能です。
Q1.設定やカスタマイズは簡単にできますか？
テーマ設定を順にご入力頂ければ、どなたでもお好みのデザインにカスタマイズ可能です。
また「Showcase」でご用意している各追加機能は、ブロックごとの表示・非表示に対応しています。画像の用意が間に合わないものや、管理工数の負担が大きい要素は、非表示にしてご利用いただくことも可能です。
Q2.ロゴ画像にも推奨サイズはありますか？
ロゴ画像は縦80pxを推奨しています。
ご登録いただいたロゴ画像が大きい場合は、圧縮された形で表示されます。
※圧縮される場合も縦横のサイズ比率は保持されます。
また、ロゴ画像は余白を含めて圧縮されます。
ロゴを小さく表示させたい場合は【上下の余白を大きく】、
ロゴを大きく表示させたい場合は【上下の余白を小さく】して頂くことで
表示の大きさを調整することができます。
Q3.テーマをさらにカスタマイズしたいです。
ご購入いただいたテーマの追加カスタマイズに関しましては、有料でのカスタマイズサービスをご提供させて頂いております。
追加カスタマイズサービスの詳細は下記のページをご確認ください。
Q4.新しいページを追加できますか？
BASEデザインマーケットでご購入頂いたテーマ（有料テーマ）は、自由フォーマットのページを新規で追加することができません。
新しいページの追加が必要な際は、「Blog App」をご利用頂き、投稿記事での代用をご検討ください。
例：
Blog Appにて「詳しいQ&A」に関する記事を作成・投稿
↓
記事ページのURLを【フッター】追加メニューにご利用いただく 等
- 「ページ追加App」はオフィシャルテーマ（無料テーマ）のみの対応となっています。
Q5.ナビゲーションに表示されるメニューの数が、デモショップと異なります。
メニューは、初期状態では「HOME」「ABOUT」「CONTACT」の3つが表示される仕様となっています。
その他の「BLOG」「COMMUNITY」「MEMBERSHIP」に関しましては、該当するAppsをインストール、有効化した際に表示されます。必要に応じてご検討ください。
Q6.テーマ購入後にインボイス（適格請求書）を発行してもらえますか？
「ご購入日」と「ご購入の際のショップ名」の2点をご連絡頂ければ、発行が可能でございます。
インボイス（適格請求書）の発行をご希望される場合は、こちらよりご連絡ください。
- 請求先は原則的にショップ名（屋号）を記載させて頂きます。
その他にご質問やご不明点がございましたら、こちらよりご連絡ください。
ご入力頂いたメールアドレスへ、担当者より2営業日以内に返信させて頂きます。
- 営業日：平日9:00～18:15／※土日祝休業