デモショップ[ Demoshop ]
デモショップは実際にBASEで開設したショップをテーマ機能のみを利用してカスタマイズしたものです。
Euforiaの特徴[ Overview ]
最新のカスタマイズ機能を搭載した最上級フラッグシップテーマ
『Euforia』は商品やカテゴリーに多角的な導線を設定可能となっており、
お客様にとって快適で回遊性の高いショップを構築することができます。
カテゴリーページヘッダー、〇〇から選ぶメニュー、追加メニュー等の多彩な最新機能を搭載。
カテゴリーアイコン、ピックアップカテゴリー、フリースペース、レイアウトの変更も搭載しており、
BASEデザインマーケット最大級の豊富なカスタマイズ機能をご用意しました。
“商品の魅力を最大限伝えることができる高級感のあるショップ”
“洗練されたイメージのミニマルで機能性の高いショップ”
“商品が多くても分かりやすい回遊性の高いショップ”
“お客様に合わせた提案が可能なギフトECサイト” ...
ショップのブランディングやニーズに応じた自由なカスタマイズが可能となっています。
充実した独自カスタマイズ機能
『Euforia』は多数の機能を搭載しており、好みに応じて必要な機能を選択的に利用することができます。
全ての設定や機能には分かりやすいオンラインマニュアルもご用意しています。
カテゴリページヘッダー
カテゴリごとに異なるヘッダー画像やテキストを表示することができます。
カテゴリページヘッダーは10種類まで設定可能で、1つのヘッダーに対して複数のカテゴリを指定することができます。
1種類の『指輪のヘッダー画像』に「リング」「シルバー」「ゴールド」「プラチナ」という複数のカテゴリを一括して指定することが可能であるため、
結果として多数のカテゴリにヘッダー画像を表示することができます。
(カテゴリページヘッダーの設定方法はこちら)
〇〇から選ぶメニュー
カテゴリーとは別途、【価格から選ぶ】【ブランドから探す】等の
自由なメニューを2つ(各6項目)まで設定することが可能です。
多角的な導線を設定することでお客様が商品を探しやすくなり、
ショップの回遊性も向上させることができます。
(リンク先は検索結果ページになります。〇〇から選ぶメニューの設定方法はこちら)
追加メインメニュー / 追加サブメニュー
【おすすめ商品】【WOMEN】【MEN】のようなメインメニューや、
【はじめにお読みください】【よくあるご質問】のようなサブメニューを追加することができます。
追加メニューは各3つまで設定可能で、自由なタイトルとリンク先が設定可能です。
カテゴリー画像アイコン
カテゴリー名の横に画像アイコンを表示することが可能です。
アイコンは最大20カテゴリーまで設定することができます。
(カテゴリーアイコンの設定方法はこちら)
メインスライダー
ドラッグ操作/スワイプ操作対応の機能的なレスポンシブスライダーです。
スライダー画像はPC用とスマホ用を各5枚まで設定可能で、
商品ページ / カテゴリページ / 検索結果 / 外部サイトなど自由なリンク先を設定することができます。
メインスライダーは画面幅いっぱいにワイド表示させることも可能です。
(スライダー機能を利用せず画像1枚のみをメインイメージとして設定することもできます。)
フローティングバナー
トップページの固定位置に追従するフローティングバナーを設置することができます。
フローティングバナーは「毎回表示」と「10分後に再度表示」が選択可能です。
ピックアップ
自由なアイテムを表示することができるピックアップエリアを2つまで設定可能です。
「ピックアップ A」は6件まで設定可能でランキングアイコンを表示することも可能です。
「ピックアップ B」は6件まで設定可能です。
(ピックアップの設定方法はこちら)
ピックアップカテゴリー
トップページに任意のカテゴリー(3カテゴリーまで)を表示可能です。
カテゴリーごとに画像を設定することも可能です。
カテゴリーの商品がPCでは4アイテム、スマホでは3アイテム表示され、一覧ページへのリンクボタンも表示されます。
(ピックアップカテゴリーの設定方法はこちら)
フリースペース
自由な内容のタイトル、テキスト、画像、リンク先を設定することができます。
通常のテキストの他にも、Instagramを埋め込む “SnapWidget” のような外部サービスのコードや、
Googleカレンダーの埋め込みコードも設定可能です。
(Instagramの埋め込みコードの取得方法はこちら)
イメージバナー
『トップページバナー』×1枚、
『商品ページバナー』×1枚、
『上部サイドバナー』×2枚、
『下部サイドバナー』×1枚
合計5枚まで画像によるリンクバナーを設定可能です。
各バナーには自由なリンク先を設定することができ、リンクを設定せずに告知エリアとしても利用することもできます。
キーワードリスト
「検索結果ページへのリンク付きのキーワード」を20件まで表示可能です。
ハッシュタグのようにキーワードやカテゴリー等を表示することができます。
(キーワードリストの設定方法はこちら)
YouTube動画埋め込み
トップページにYouTubeの動画を埋め込み表示することができます。
重要なお知らせの表示
お客様に伝えたい重要なお知らせを見やすく表示することができます。
テキスト内容やテキストカラーを自由に設定することが可能です。
送料表示
サイドバー/フッター/アバウトページに送料を表示することができます。
送料のテキスト内容やカラーを自由に設定することが可能です。
ブログ最新記事
トップページに「ブログApps」の記事を4件まで自動的に取得して表示可能です。
「この記事を固定にする」に設定した記事はトップページにも表示されます。
サムネイル画像を非表示にすることもできます。
ニュース / 新着情報表示
新着情報を3件まで表示することができます。
日付orタイトル、内容、リンクを設定することができます。
お支払い方法の表示
フッターやアバウトページにお支払い方法(利用可能な決済方法)を表示できます。
Google マップ
アバウトページにGooleマップを埋め込んで表示することが可能です。
最寄り駅や経路などの補足情報を記載することもできます。
商品ページ共通テキスト
【サイズガイド】や【特記事項】など、全ての商品ページで共通して表示させたい内容を一元管理することができます。
フローティング購入ボタン
スマホ閲覧時の商品ページ下部に購入ボタンを固定表示することができます。
お客様が迷わず購入へ進むことができるため、商品ページからの離脱防止に役立ちます。
アバウトページカスタマイズ
アバウトページにBASE管理画面で設定した「ショップの説明」に追加して
画像やカスタムショップ情報を表示することができます。
『送料』『お支払い方法』『Google マップ』も表示することができます。
柔軟なショップデザイン
トップページの各パーツの並び順や、PC/スマホそれぞれの商品一覧の1行のアイテム数など、
好みに応じてレイアウトの変更を行うことが可能です。
トップページの商品一覧を非表示にすることもできます。
ショップのフォントは『ゴシック体』or『明朝体』が選択可能で文字サイズも変更可能です。
テキストロゴはWebフォント*に対応しているので、ロゴ画像がなくても綺麗に表示することができます。
フォント/サイズ/カラーを自由に設定することが可能です。
(*Webフォントはアルファベットのみ対応しています。)
豊富なカラーカスタマイズ
背景色、フッター、テキスト、リンク、見出し、購入ボタンなどの色を自由に変更することが可能です。
自由なナビゲーション設定
『〇〇から選ぶメニュー』『追加メインメニュー』『追加サブメニュー』
『外部リンク』『SNSアイコン』などのメニュー項目を設定することができます。
「HOME」「ABOUT」「BLOG」「CONTACT」などのナビゲーションテキストや、
「CATEGORY」「SHOP INFO」などのタイトルを変更することも可能です。
スマートフォンにも対応したレスポンシブデザイン
スマートフォンにも最適化されたレスポンシブ対応。
ビジュアルだけでなく「ショップとしての機能性」にも配慮しています。
簡単カスタマイズで初めての方も安心
カスタマイズはBASE管理画面上で簡単に操作できます。
ON/OFFを切り替えたり、テキストを入れたり、色や画像を指定するだけで
どなたでも簡単にオリジナルのショップデザインにしていただけます。
スクリーンショットをまじえた分かりやすいオンラインマニュアルもご用意しています。
詳しくは「設定方法 / マニュアル」をご覧ください。
各種BASE Appsに対応
セール / レビュー / ブログ / ラベルをはじめとした全てのBASE Appsに対応しています。*1
HTML編集Appsにも対応しており、Euforiaを改造した独自のショップデザインを構築することも可能です。
HTML編集Appsの操作方法や改造方法についてはサポート対象外となります。
*1 例外として「ページ追加 Apps」はオフィシャルテーマのみが対象のAppsとなっているためご利用いただけません。
安心の無料アップデート
BASEに新機能が追加された際には、新機能に合わせたテーマの無料アップデートを提供。
アップデートが行われた際には、ご購入いただいたテーマも自動的に更新されますので安心してご利用いただけます。
テーマのアップデートはBASEの新機能追加と同時ではなく、多少お時間をいただくことについては予めご了承ください。
また、HTML編集Appsを利用されている場合には、編集内容を保護する為に自動では更新されませんので手動でアップデート内容を適用していただく必要があります。
デモショップは実際にBASEで開設したショップをテーマ機能のみを利用してカスタマイズしたものです。
Euforia 設定方法 / オンラインマニュアル [ How To Use ]
Euforia(ユーフォリア)は様々なカスタマイズを簡単に行うことができます。
BASE管理画面のデザイン編集からテンプレートの編集が可能です。
フォント設定
1. 【基本設定】フォントサイズ
(一部のフォントサイズはテーマデザインで固定されているため変更できない部分があります。)
初期状態では『標準』になっています。
明朝体フォント ON/OFF
OFFの状態では『ゴシック体』、ONの状態では『明朝体』で表示されます。
初期状態ではOFF(ゴシック体)になっています。
色の設定
メインエリアの背景色
初期値は「 #ffffff 」になっています。
テキストカラー
(一部のテキスト色はテーマデザインで固定されているため変更できない部分があります。)
初期値は「 #212121 」になっています。
サブテキストカラー(注釈等)
初期値は「 #999999 」になっています。
リンクカラー / リンクカラー(マウスオーバー)
初期値はそれぞれ「 #454545 」「 #999999 」になっています。
ボタン背景カラー
初期値は「 #ffffff 」になっています。
ボタン枠線カラー
初期値は「 #dddddd 」になっています。
ボタンテキストカラー
初期値は「 #212121 」になっています。
購入ボタン カラー
初期値は「 #000000 」になっています。
セール価格 カラー
初期値は「 #E50F0D 」になっています。
SOLD OUT カラー
初期値は「 #E50F0D 」になっています。
販売期間設定 カラー
初期値は「 #00C7B6 」になっています。
予約販売 カラー
初期値は「 #1e88e5 」になっています。
テイクアウト カラー
初期値は「 #ff9800 」になっています。
抽選販売 カラー
初期値は「 #5e35b1 」になっています。
コミュニティ カラー
初期値は「 #000000 」になっています。
見出しタイトル テキストカラー
初期値は「 #333333 」になっています。
見出しタイトル ラインカラー
初期値は「 #e5e5e5 」になっています。
見出しタイトル 背景色
初期値は「 #ffffff 」になっています。
フッター テキストカラー
初期値は「 #333333 」になっています。
フッター 背景色
初期値は「 #fafafa 」になっています。
基本設定
トップページに商品一覧を表示 ON/OFF
初期状態ではONになっています。
商品一覧(PC)を横に4アイテム表示 ON/OFF
ONの場合、PC閲覧時の商品一覧が横に4アイテムになります。
初期状態ではOFF(横に3アイテム)になっています。
商品一覧(スマホ)を横に3アイテム表示 ON/OFF
ONの場合、スマホ閲覧時の商品一覧が横に3アイテムになります。
初期状態ではOFF(横に2アイテム)になっています。
画面サイズが横320pxの状態(iPhone SE等の小さな画面のスマホ)では視認性確保のために横に2アイテムで表示されます。
PC上部メニューにSNSアイコンを表示 ON/OFF
表示するSNSはBASE管理画面「ショップ情報」→「SNS設定」で設定可能です。
初期状態ではOFFになっています。
(この設定がOFFの場合にもSNSアイコンはフッター下部に表示されます。)
PCサイドバーを右側に表示 ON/OFF
ONの場合はサイドバーが右側に表示されます。
OFFの場合はサイドバーが左側に表示されます。
初期状態ではOFF(サイドバーを左に表示)になっています。
PCサイドバーに検索ボックスを表示 ON/OFF
初期状態ではONになっています。
PCトップページ下部にカテゴリー等のリンク集を表示 ON/OFF"
初期状態ではOFFになっています。
スマホスライドメニューに中カテゴリを表示 ON/OFF
OFFの場合は大カテゴリーのみ表示します。
初期状態ではON(中カテゴリまで表示)になっています。
スマホトップページ上部に検索ボックスを表示 ON/OFF
検索ボックスはスライドメニュー内にも表示されますが、トップページの目立つ位置にも表示させたい場合にご利用ください。
初期状態ではONになっています。
スマホ商品ページ下部に購入ボタンを固定表示 ON/OFF
初期状態ではONになっています。
スマホ商品ページに「この商品をアプリで見る」ボタンを表示 ON/OFF
初期状態ではONになっています。
ナビゲーション/タイトル設定
Homeのリンクテキスト
Aboutのリンクテキスト
Categoryのタイトル(カテゴリ管理 Apps)
Blogのリンクテキスト(Blog Apps)
Contactのリンクテキスト
Informationのタイトル
トップページ商品一覧のタイトル
関連商品のタイトル
メンバーシップページのタイトル(メンバーシップ Apps)
マイページ/ログインのタイトル(メンバーシップ Apps)
ショップロゴ設定
【ロゴ : 画像を使用する】をONにして画像をアップロードしてください。
画像はお好みのサイズで構いませんが、正方形や縦長のロゴの場合には表示が小さくなる場合がありますので横長の画像を推奨します。
2.テキストロゴのフォント
Webフォントはアルファベットのみ対応しています。
テキストロゴのフォントサイズ
* ロゴは画像を指定していただくことも可能です。
〇〇から選ぶメニュー
多角的な導線を設定することでお客様が商品を探しやすくなり、ショップの回遊性も向上させることができます。
3.【〇〇から選ぶメニュー ①】 ON/OFF
初期状態ではOFFになっています。
メニュー① タイトル
例:【価格帯から選ぶ】【ブランドから探す】
メニュー① - 1 テキスト
リンク先はこのテキストで検索した場合の検索結果ページが自動的に設定されます。
例:【お中元・お歳暮】【1,000~2,999円】
メニュー① - 2 テキスト
メニュー① - 3 テキスト
メニュー① - 4 テキスト
メニュー① - 5 テキスト
メニュー① - 6 テキスト
【〇〇から選ぶメニュー ②】 ON/OFF
初期状態ではOFFになっています。
メニュー② タイトル
例:【価格帯から選ぶ】【ブランドから探す】
メニュー② - 1 テキスト
リンク先はこのテキストで検索した場合の検索結果ページが自動的に設定されます。
例:【お中元・お歳暮】【1,000~2,999円】
メニュー② - 2 テキスト
メニュー② - 3 テキスト
メニュー② - 4 テキスト
メニュー② - 5 テキスト
メニュー② - 6 テキスト
【ご注意点】
リンク先は検索結果ページになります。
設定するテキスト(キーワード)を事前に商品のタイトルや説明文章に入れておく必要があります。
5,000円以上の価格の商品が自動的に表示されるわけではありません。
『5,000円以上』の検索結果としてその商品を表示させるために、
事前に商品の説明文章内に「5,000円以上」というテキストを入れておく必要があります。
https://demoshop.shopselect.net/items/76055117
追加メインメニュー
4.【追加メインメニュー】追加メインメニュー1 テキスト
追加メインメニュー1 URL
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
追加メインメニュー2 テキスト
追加メインメニュー2 URL
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
追加メインメニュー3 テキスト
追加メインメニュー3 URL
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
追加サブメニュー
5.【追加サブメニュー】PC上部メニューに追加サブメニューを表示 ON/OFF
他のメニュー項目の数や文字数などが多すぎる場合には上部メニューのレイアウトが崩れる場合があるため、
必要に応じて表示/非表示を切り替えてご利用ください。
初期状態ではONになっています。
追加サブメニュー1 テキスト
追加サブメニュー1 URL
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
追加サブメニュー2 テキスト
追加サブメニュー2 URL
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
追加サブメニュー3 テキスト
追加サブメニュー3 URL
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
外部リンク設定
6.【外部リンク】PC上部メニューに外部リンクを表示 ON/OFF
初期状態ではOFFになっています。
(OFFの場合でも、PCサイドメニューやスマホスライドメニューには外部リンクが表示されます。)
外部リンク1 テキスト
外部リンク1 URL
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
外部リンク2 テキスト
外部リンク2 URL
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
外部リンク3 テキスト
外部リンク3 URL
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
カテゴリーアイコン設定
7.【カテゴリーアイコン】カテゴリー名の左にアイコンを表示 ON/OFF
アイコンは最大20カテゴリーまで表示できます。
初期状態ではOFFになっています。
アイコン 画像
画像の推奨サイズや作成方法については下記「 カテゴリーアイコン画像の作成方法 」をご確認ください。
カテゴリーアイコン画像の作成方法
カテゴリーアイコンの仕様
それぞれのカテゴリーに応じた画像を最大20カテゴリーまで表示させることができます。
カテゴリーアイコン画像の推奨サイズ
表示されるアイコンはカテゴリー数に応じたものになりますので、下の方に配置されたアイコンは表示されない結果となります。)
【具体例 1】
【具体例 2】
【具体例 3】
カテゴリーアイコン画像の作成方法
・各カテゴリー用の画像を作成してから1枚にまとめる方法
2. こちらのサイト(IMAGE ONLINE.CO) などのオンラインサービスを利用して1枚の画像にまとめます。
3. 1枚にまとめた画像を「アイコン 画像」として設定します。
・Photoshopを利用して作成する方法
下記よりダウンロードしてご自由にご利用ください。
カテゴリーアイコン画像の作成についてはサポート対象外となります。
個別のお問い合わせに対しての作成方法のご案内等は致しかねますことを予めご了承ください。
フローティングバナー設定
フローティングバナーは「毎回表示」と「10分後に再度表示」が選択可能です。
8.【フローティングバナー】 ON/OFF
初期状態ではOFFになっています。
フローティングバナーが表示された後は10分間再表示しない ON/OFF
ONにすることで一度フローティングバナーが表示された後は10分間再表示されなくなります。
10分間再表示されないのは「その端末から再度アクセスした場合のみ」となります。
別の端末やお客様がショップにアクセスした場合には通常通り表示されますのでご安心ください。
初期状態ではOFF(トップページを開くたびに毎回表示)になっています。
フローティングバナー 画像
フローティングバナー リンク
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
【画像の推奨サイズ】
ご参考までに、デモショップでは「 横560px × 縦240px 」の画像を使用しています。
メインスライダー設定
画像はPC用/スマホ用を各5枚まで設定可能で、商品ページ / カテゴリページ / 検索結果 / 外部サイトなど自由なリンク先を設定することができます。 メインスライダーは画面幅いっぱいにワイド表示させることも可能です。
(スライダー機能を利用せず画像1枚のみをメインイメージとして設定することもできます。)
9.【メインスライダー】 ON/OFF
初期状態ではONになっています。
スライダー ワイド表示(PC) ON/OFF
ワイド表示にする場合は3枚以上のスライド画像が必要です。
初期状態ではOFFになっています。
スライダー1 PC用 画像
スライダー1 スマホ用 画像
PC用の画像と同じ画像を設定していただいても問題ありません。
スマホ用画像が設定されていない場合にはスマホ閲覧時にもPC用画像が表示されます。
スライダー1 リンク先
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
スライダー2 PC用 画像
(2枚目以降の画像がアップロードされていない場合にはスライダー機能がOFFとなり1枚目の画像のみメインイメージとして表示されます。)
スライダー2 スマホ用 画像
PC用の画像と同じ画像を設定していただいても問題ありません。
スマホ用画像が設定されていない場合にはスマホ閲覧時にもPC用画像が表示されます。
スライダー2 リンク先
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
「スライダー3」~「スライダー5」も同様の設定方法となっています。
【画像の推奨サイズ】
Retinaディスプレイを考慮して画像は大きめのものをご用意ください。
ご参考までに、デモショップでは「 横1920px × 縦840px 」の画像を使用しています。
ご参考までに、デモショップでは「 横1920px × 縦1280px 」の画像を使用しています。
イメージバナー設定
合計5枚まで画像によるリンクバナーを設定可能です。
各バナーには自由なリンク先を設定することができ、リンクを設定せずに告知エリアとしても利用することもできます。
10.トップページバナー 画像
トップページバナーの画像の推奨サイズは「 横890px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横2400px × 縦480px 」の画像を使用しています。
トップページバナー リンク先
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
11.サイドバナー 上部 1画像
サイドバナー 上部 1の画像の推奨サイズは「 横800px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横800px × 縦400px 」の画像を使用しています。
サイドバナー 上部 1リンク先
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
サイドバナー 上部 2画像
サイドバナー 上部 2の画像の推奨サイズは「 横800px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横800px × 縦400px 」の画像を使用しています。
サイドバナー 上部 2リンク先
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
サイドバナー 下部 画像
サイドバナー 下部の画像の推奨サイズは「 横800px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横800px × 縦400px 」の画像を使用しています。
サイドバナー 下部 リンク先
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
12.商品ページバナー 画像
商品ページバナーの画像の推奨サイズは「 横890px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横890px × 縦50px 」の画像を使用しています。
商品ページバナー リンク先
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
ピックアップ設定
画像、テキスト、リンクを自由に設定することができ、
PCでは最大6アイテムが1行で表示され、スマホでは横に2アイテムまたは3アイテム表示されます。
リンクを設定せずに告知エリアとしても利用することも可能です。
ランキングアイコンを表示することも可能です。
画像、リンクを自由に設定することができ、PC/スマホどちらも横2アイテム表示されます。
リンクを設定せずに告知エリアとしても利用することも可能です。
13.【ピックアップ A】 ON/OFF
初期状態ではOFFになっています。
ランキングアイコン表示 ON/OFF
初期状態ではOFFになっています。
横に3アイテム表示(スマホ) ON/OFF
設定するアイテム数やお好みの表示サイズによって切り替えてご利用ください。
初期状態ではOFF(スマホでは横に2アイテム表示)になっています。
ピックアップ A タイトル
ピックアップ A-1 画像
画像の表示サイズは画面サイズに応じて自動的に調整されます。
推奨サイズは「 横600px 」です。縦の高さはお好みのサイズで構いません。
デザインの仕様上、全ての画像サイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横1200px × 縦1200px 」の画像を使用しています。
ピックアップ A-1 テキスト
ピックアップ A-1 リンク先
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
「ピックアップ A-2」~「ピックアップ A-6」も同様の設定方法となっています。
14.【ピックアップ B】 ON/OFF
初期状態ではOFFになっています。
ピックアップ B タイトル
ピックアップ B-1 画像
画像の表示サイズは画面サイズに応じて自動的に調整されます。
推奨サイズは「 横900px 」です。縦の高さはお好みのサイズで構いません。
デザインの仕様上、全ての画像サイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横900px × 縦450px 」の画像を使用しています。
ピックアップ B-1 リンク先
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
「ピックアップ B-2」~「ピックアップ B-6」も同様の設定方法となっています。
ピックアップカテゴリー設定
カテゴリーの商品がPCでは4アイテム、スマホでは3アイテム表示され、一覧ページへのリンクボタンも表示されます。
カテゴリーごとに画像を設定することも可能です。
15.ピックアップカテゴリー① ON/OFF
初期状態ではOFFになっています。
カテゴリー① 画像
推奨サイズは「 横890px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1920px × 縦600px 」の画像を使用しています。
カテゴリー① カテゴリID
カテゴリー① タイトル
カテゴリー① ボタンテキスト
ボタンは自動的に該当するカテゴリーの一覧ページへリンクされます。
「ピックアップカテゴリー②」~「ピックアップカテゴリー③」も同様の設定方法となっています。
カテゴリIDの確認方法
方法① 管理画面から確認する方法
2. BASE管理画面の「ホーム」→下部にある利用中のAppsの「カテゴリ管理」→左メニューの「一括カテゴリ登録」へ進みます。
(BASEへログインした状態でこちらをクリックして直接開くこともできます。)
3. 「カテゴリID確認表」で各カテゴリーの「カテゴリID」を確認することができます。
【具体例】
この場合「ソファ」のカテゴリIDは「 3581331 」だということが確認できます。
方法② ショップ画面から確認する方法
2. ブラウザでご自身のショップを開き、設定したいカテゴリーのページへ移動します。
3. ブラウザのアドレスバーに表示されているURLがカテゴリーページのURLです。
4. URLの/categories/以降の数字が「カテゴリID」になります。
※ご注意
誤ってBASE管理画面上のプレビュー画面からURLをコピーしないようにご注意ください。
「https://admin.thebase.in」からはじまるURLは管理画面のURLであり、お客様からはアクセスできないURLです。
【具体例】
表示されているURLが「 https://demoshop.shopselect.net/categories/5262995 」なので、カテゴリIDは「 5262995 」になります。
カテゴリ管理Appsについてはサポート対象外となります。
Appsのインストール方法や操作方法についてはBASEへ直接お問い合わせください。
重要なお知らせ設定
16.【重要なお知らせ】 ON/OFF
初期状態ではOFFになっています。
重要なお知らせテキストカラー
重要なお知らせ背景カラー
重要なお知らせテキスト
重要なお知らせリンク
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください
新着情報設定
17.新着情報表示 ON/OFF
初期状態ではOFFになっています。
新着情報のタイトル
新着情報 1 日付
ニュース機能として利用する場合には「2024/01/01」や「7月10日」などのように設定してください。
ランキング機能として利用する場合には「人気No.1」などのように設定してください。
新着情報 1 内容
新着情報 1 リンク先
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
新着情報 2 日付
ニュース機能として利用する場合には「2024/01/01」や「7月10日」などのように設定してください。
ランキング機能として利用する場合には「人気No.1」などのように設定してください。
新着情報 2 内容
新着情報 2 リンク先
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
新着情報 3 日付
ニュース機能として利用する場合には「2024/01/01」や「7月10日」などのように設定してください。
ランキング機能として利用する場合には「人気No.1」などのように設定してください。
新着情報 3 内容
新着情報 3 リンク先
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
ブログ最新記事設定
「この記事を固定にする」に設定した記事はトップページにも表示されます。
サムネイル画像を非表示にすることもできます。
18.【ブログ最新記事】 ON/OFF
初期状態ではONになっています。
ブログのサムネイル画像を表示 ON/OFF
OFF(非表示)にした場合にはブログ一覧ページのサムネイル画像も非表示になります。
ブログ記事に画像を掲載しない場合にはOFFにしていただくことでレイアウトを崩さずブログ記事を表示することができます。
初期状態ではON(表示)になっています。
ブログ最新記事 ボタンテキスト
ブログAppsについてはサポート対象外となります。
Appsのインストール方法や操作方法についてはBASEへ直接お問い合わせください。
キーワードリスト設定
19.【キーワードリスト】 ON/OFF
初期状態ではOFFになっています。
キーワードリストのタイトル
キーワード(カンマ区切り)
全てのキーワードをカンマ区切りで1行にしてください。
カンマ「 , 」は半角です。
半角ドット「 . 」や全角句読点「 、 」などにならないようご注意ください。
【具体例】
下記のようなキーワードリストを表示したい場合 「キーワード(カンマ区切り)」には下記のような文字列を設定する形になります。セール,新作,ソファ,ベッド,ラグ,クッション,ホワイト家具,モノトーン,シンプル,おしゃれ
テキスト入力欄は下記のような形になります。
YouTube動画埋め込み設定
20.【YouTube動画埋め込み】 表示 ON/OFF
初期状態ではOFFになっています。
YouTube動画 埋め込みコード
- ⇒ YouTube動画 埋め込みコードの取得方法はこちら1. 埋め込みたいYouTube動画のページを表示します。
2. 動画の右下にある『共有』をクリックします。 3. 「埋め込む」をクリックします。 4. 「コピー」をクリックして埋め込みコードをコピーします。 5. BASEのデザイン画面の「YouTube動画 埋め込みコード」のテキストエリアにペーストします。
フリースペース設定
通常のテキストの他にも、Instagramを埋め込む “SnapWidget” のような外部サービスのコードや、
Googleカレンダーの埋め込みコードも設定可能です。
“SnapWidget” のような外部サービスやGoogleカレンダーの埋め込みコードの取得方法ついてはサポート対象外となります。
個別のお問い合わせに対しての回答は致しかねますことを予めご了承ください。
21.【フリースペース】 ON/OFF
初期状態ではOFFになっています。
フリースペース タイトル
フリースペース テキスト/コード 1
1つのテキストエリアは最大1000文字までの制限があるため、埋め込みコードが長い場合には分割して入力してください。
フリースペース テキスト/コード 2
1つのテキストエリアは最大1000文字までの制限があるため、埋め込みコードが長い場合には分割して入力してください。
フリースペース 画像
推奨サイズは「 横890px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1780px × 縦750px 」の画像を使用しています
フリースペース 画像リンク先
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力してください。
但し、HTMLについてはサポート対象外となっておりますので、
HTMLの記述方法や記述内容のご案内等は致しかねますことを予めご了承ください。
また、閉じタグの漏れや記述内容の誤りによってショップ全体の表示に影響が出る場合がありますので、
HTMLコードを記述される場合には十分に注意して設定を行ってください。
Instagramの埋め込み方法
Instagramをショップに埋め込む方法はいくつかありますが、“SnapWidget”を利用する方法が簡単でオススメです。
SnapWidget等の外部サービスについてはサポート対象外となっていますが、下記に簡単な設定方法をご案内しています。
- ⇒ Instagramを埋め込むことができる “SnapWidget” の利用方法
“SnapWidget”はウェブサイトやブログにInstagram、Twitter、FacebookなどのSNSのコンテンツを埋め込むことができるオンラインサービスです。
無料版と有料版があるため、目的に応じてご利用ください。
“SnapWidget”をはじめとした外部サービスについてはサポート対象外となっており、
個別のお問い合わせに対しての回答は致しかねますことを予めご了承ください。
また、Instagram公式のツールではないため将来的に突然利用できなくなる可能性もありますが、一切の責任は負いかねます。SnapWidgetの使い方
1. SnapWidgetにアクセス
SnapWidgetにアクセスして「GET A FREE WIDGET」をクリックします。
2. SIGN UP
名前、メールアドレス、パスワードを入力し、「SIGN UP」をクリックします。
3. ダッシュボードにアクセス
無料版を利用する場合は「SKIP THIS」をクリックします。
4. 埋め込みレイアウトを選択
「FREE」とあるものが、無料で利用できる埋め込みウィジェットです。
デモショップのようなレイアウトで埋め込みたい場合には、 「 instagram grid 」を選択します。5. Instagramアカウントと連携
Usernameをクリックして、埋め込みたいインスタグラムのアカウントでログインすると連携が完了します。
6. 埋め込みコードを取得
必要に応じてキャンプション表示の有無、画像同士の間隔等の調整項目を設定してから「GET WIDGET」をクリックします。
(レイアウト崩れを防ぐために[Responsive]の項目は[YES]に設定することを推奨します。)下記のようなコードが表示されますので、コピーします。
<!-- SnapWidget --> <script src="https://snapwidget.com/js/snapwidget.js"> <iframe src="https://snapwidget.com/embed/1037526" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:100%; ">
7. 埋め込みコードを貼り付け
テーマ設定の「フリースペース テキスト/コード」に埋め込みコードをペーストして保存します。
埋め込みコードが1000文字を超える場合には埋め込みコードを分割して「テキスト/コード 1」と「テキスト/コード 2」にペーストしてください。
送料表示設定
送料のテキスト内容やカラーを自由に設定することが可能です。
22.【送料表示】 ON/OFF
初期状態ではOFFになっています。
送料にアイコンを表示 ON/OFF
初期状態ではONになっています。
送料表示の枠線カラー
条件・補足のテキストカラー
送料のテキストカラー
条件テキスト
例:「5,000円以上のご購入で」
送料テキスト
例:「全国送料無料」
補足テキスト
例:「*沖縄・離島は除きます」
詳細説明テキスト
例:「通常商品は宅配便にてお届け致します。送料は一律800円(北海道・沖縄を除く/北海道:1,500円、沖縄・離島:2,000円)です。」
お支払い方法の表示設定
表示する決済方法のON/OFFを手動で切り替えてください。(BASEかんたん決済の設定内容は自動的に反映されません。)
23.【お支払い方法の表示】 表示 ON/OFF
初期状態ではONになっています。
お支払い方法カラー
あと払い(Pay ID)
(BASEかんたん決済の設定内容は自動的に反映されません。)
クレジットカード
(BASEかんたん決済の設定内容は自動的に反映されません。)
キャリア決済
(BASEかんたん決済の設定内容は自動的に反映されません。)
銀行振込
(BASEかんたん決済の設定内容は自動的に反映されません。)
コンビニ決済
(BASEかんたん決済の設定内容は自動的に反映されません。)
Amazon Pay
(BASEかんたん決済の設定内容は自動的に反映されません。)
PayPal
(BASEかんたん決済の設定内容は自動的に反映されません。)
後払い決済
(BASEかんたん決済の設定内容は自動的に反映されません。)
アバウトページ設定
『送料』『お支払い方法』『Google マップ』も表示することができます。
24.【アバウトページ】 アバウトページ画像
アバウトページ ショップ住所
アバウトページ ショップTEL
アバウトページ ショップFAX
アバウトページ ショップ営業時間
アバウトページ ショップ定休日
アバウトページ ショップE-Mail
Google マップ設定
最寄り駅や経路などの補足情報を記載することもできます。
25.【Google マップ】 表示 ON/OFF
初期状態ではOFFになっています。
案内テキスト
Googleマップ 埋め込みコード
- ⇒ Googleマップ 埋め込みコードの取得方法はこちら1. Google マップで埋め込みたい地図の場所を表示します。
2. 画面の左上にある『≡』をクリックします。 3. 「地図を共有または埋め込む」をクリックします。 4. 「地図を埋め込む」のタブを選択して「HTMLをコピー」をクリックします。 5. BASEのデザイン画面にある「Googleマップ 埋め込みコード」のテキストエリアにHTMLをペーストします。
カテゴリページヘッダー設定
26.【カテゴリページヘッダー】 表示 ON/OFF
初期状態ではOFFになっています。
カテゴリーページ1 カテゴリID
単一のカテゴリーを指定する場合
下記の例のようにカテゴリIDを数字のみで入力してください。カテゴリIDである「 6146258 」を記述します。
カテゴリIDの詳細は「 カテゴリIDの確認方法 」をご確認ください。
複数のカテゴリーを指定する場合
下記の例のようにカテゴリIDをカンマ区切りで1行にして入力してください。https://demosite.shopselect.net/categories/6132515
https://demosite.shopselect.net/categories/6146300
https://demosite.shopselect.net/categories/6146301
https://demosite.shopselect.net/categories/6146302
https://demosite.shopselect.net/categories/6146303
という5つのカテゴリページに同じヘッダー画像を表示させたい場合には、
カテゴリIDをカンマ区切りで「 6132521,6146305,6146306,6146307,6146308 」と1行にして記述します。
カテゴリIDの詳細は「 カテゴリIDの確認方法 」をご確認ください。
カテゴリーページ1 ヘッダー画像
推奨サイズは「 横890px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1020px × 縦600px 」の画像を使用しています。
カテゴリーページ1 テキスト
改行を入れたい場合には「 <br> 」と入力するとその位置で改行されます。
「カテゴリーページ2」~「カテゴリーページ10」も同様の設定方法となっています。
カテゴリIDの確認方法
方法① 管理画面から確認する方法
2. BASE管理画面の「ホーム」→下部にある利用中のAppsの「カテゴリ管理」→左メニューの「一括カテゴリ登録」へ進みます。
(BASEへログインした状態でこちらをクリックして直接開くこともできます。)
3. 「カテゴリID確認表」で各カテゴリーの「カテゴリID」を確認することができます。
【具体例】
この場合「ソファ」のカテゴリIDは「 3581331 」だということが確認できます。
方法② ショップ画面から確認する方法
2. ブラウザでご自身のショップを開き、設定したいカテゴリーのページへ移動します。
3. ブラウザのアドレスバーに表示されているURLがカテゴリーページのURLです。
4. URLの/categories/以降の数字が「カテゴリID」になります。
※ご注意
誤ってBASE管理画面上のプレビュー画面からURLをコピーしないようにご注意ください。
「https://admin.thebase.in」からはじまるURLは管理画面のURLであり、お客様からはアクセスできないURLです。
【具体例】
表示されているURLが「 https://demoshop.shopselect.net/categories/5262995 」なので、カテゴリIDは「 5262995 」になります。
カテゴリ管理Appsについてはサポート対象外となります。
Appsのインストール方法や操作方法についてはBASEへ直接お問い合わせください。
商品ページ共通テキスト設定
商品ページ共通テキストは、全ての商品ページの商品説明文章の下に表示されます。
27.【商品ページ】全ての商品ページで共通のテキストを表示 ON/OFF
初期状態ではOFFになっています。
商品ページ共通テキスト/コード
改行を入れたい場合には「 <br> 」と入力するとその位置で改行されます。
但し、HTMLについてはサポート対象外となっておりますので、
HTMLの記述方法や記述内容のご案内等は致しかねますことを予めご了承ください。
また、閉じタグの漏れや記述内容の誤りによってショップ全体の表示に影響が出る場合がありますので、
HTMLコードを記述される場合には十分に注意して設定を行ってください。
メールマガジンApp設定
登録フォームのタイトルや文章を設定することが可能です。
「メールマガジン App」のインストール方法や操作方法についてはBASEへ直接お問い合わせください。
28.【メールマガジンApp】登録フォーム タイトル
初期状態では「NEWSLETTER」となっています。
登録フォーム テキスト
トップページレイアウト設定
必要のない機能は表示しなくても問題ありません。
29.【トップページレイアウト】パーツの並び順を変更 ON/OFF
初期状態ではONになっています。
1番目
2番目
「3番目」~「11番目」も同様の設定方法となっています。
上級者向けの設定
【上級者向け】独自スタイルシート(CSS)
p { font-size:14px !important;}
CSSについてはサポート対象外となっておりますので、
CSSの記述方法やclass名のご案内等は致しかねますことを予めご了承ください。
画像の推奨サイズ
Euforiaをご利用いただく際の登録する画像の推奨サイズは以下の通りです。
【ロゴ画像】
お好みのサイズで構いません。
正方形や縦長のロゴの場合、スマホサイトでは表示が小さくなる場合がありますので横長の画像をお奨めします。
ご参考までに、デモショップでは「 横560px × 縦140px 」の画像を使用しています。
【カテゴリーアイコン】
推奨サイズは「 横80px * 縦80px のアイコンをカテゴリーの数だけ縦に並べたサイズ 」です。
カテゴリーアイコン画像の作成方法はこちらをご覧ください。
【フローティングバナー】
推奨サイズは「 横560px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横560px × 縦240px 」の画像を使用しています。
【メインスライダー】
Euforiaのメインスライダーは画面サイズに応じてレスポンシブに表示されるため、
Retinaディスプレイを考慮して画像は大きめのものをご用意ください。
「PC用」のスライダー画像の推奨サイズは「 横1920px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1920px × 縦840px 」の画像を使用しています。
「スマホ用」のスライダー画像の推奨サイズは「 横840px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1920px × 縦1280px 」の画像を使用しています。
スライダーの画像は「PC用」と「スマホ用」で同じ画像を設定していただいても問題ありません。
【トップページバナー】
推奨サイズは「 横890px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横2400px × 縦480px 」の画像を使用しています。
【サイドバナー】
推奨サイズは「 横800px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横800px × 縦400px 」の画像を使用しています。
【商品ページバナー】
推奨サイズは「 横890px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横890px × 縦50px 」の画像を使用しています。
【ピックアップ A】
推奨サイズは「 横600px 」です。縦の高さはお好みのサイズで構いません。
デザインの仕様上、全ての画像サイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横1200px × 縦1200px 」の画像を使用しています。
【ピックアップ B】
推奨サイズは「 横900px 」です。縦の高さはお好みのサイズで構いません。
デザインの仕様上、全ての画像サイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横900px × 縦450px 」の画像を使用しています。
【ピックアップカテゴリー】
推奨サイズは「 横890px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1920px × 縦600px 」の画像を使用しています。
【フリースペース画像】
推奨サイズは「 横890px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1780px × 縦750px 」の画像を使用しています
【カテゴリページヘッダー】
推奨サイズは「 横890px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1920px × 縦600px 」の画像を使用しています。
【アバウトページ画像】
縦長/横長に関わらずお好みのサイズで構いません。
ご参考までに、デモショップでは「 横2400px × 縦900px 」の画像を使用しています。
【商品画像】
推奨サイズは「 横1200px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1200px × 縦1200px 」の画像を使用しています。
よくある質問 [ FAQ ]
Euforiaに関するよくあるお問い合わせとその回答です。
テーマについて
- 有料テーマの利用は初めてなのですが、設定やカスタマイズは私にもできますか?
カスタマイズはBASE管理画面上で簡単に操作できます。
自由にカスタマイズしていただけるようにたくさんの設定項目をご用意しておりますが、
どれも「ON/OFFを切り替える」「テキストを入れる」「色を選ぶ」「画像を選ぶ」などの簡単な設定になっています。
どなたでも簡単にオリジナルのショップデザインにしていただけます。詳しくは「設定方法 / マニュアル」をご覧ください。
- 本当にデモショップのようなデザインになるのですか?
- 設定する画像の推奨サイズを教えてください。
Euforiaをご利用いただく際の登録する画像の推奨サイズは以下の通りです。
【ロゴ画像】
お好みのサイズで構いません。
正方形や縦長のロゴの場合、スマホサイトでは表示が小さくなる場合がありますので横長の画像をお奨めします。
ご参考までに、デモショップでは「 横560px × 縦140px 」の画像を使用しています。【カテゴリーアイコン】
推奨サイズは「 横80px * 縦80px のアイコンをカテゴリーの数だけ縦に並べたサイズ 」です。
カテゴリーアイコン画像の作成方法はこちらをご覧ください。【フローティングバナー】
推奨サイズは「 横560px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横560px × 縦240px 」の画像を使用しています。【メインスライダー】
Euforiaのメインスライダーは画面サイズに応じてレスポンシブに表示されるため、
Retinaディスプレイを考慮して画像は大きめのものをご用意ください。「PC用」のスライダー画像の推奨サイズは「 横1920px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1920px × 縦840px 」の画像を使用しています。
「スマホ用」のスライダー画像の推奨サイズは「 横840px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1920px × 縦1280px 」の画像を使用しています。スライダーの画像は「PC用」と「スマホ用」で同じ画像を設定していただいても問題ありません。
【トップページバナー】
推奨サイズは「 横890px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横2400px × 縦480px 」の画像を使用しています。【サイドバナー】
推奨サイズは「 横800px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横800px × 縦400px 」の画像を使用しています。【商品ページバナー】
推奨サイズは「 横890px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横890px × 縦50px 」の画像を使用しています。【ピックアップ A】
推奨サイズは「 横600px 」です。縦の高さはお好みのサイズで構いません。
デザインの仕様上、全ての画像サイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横1200px × 縦1200px 」の画像を使用しています。【ピックアップ B】
推奨サイズは「 横900px 」です。縦の高さはお好みのサイズで構いません。
デザインの仕様上、全ての画像サイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横900px × 縦450px 」の画像を使用しています。【ピックアップカテゴリー】
推奨サイズは「 横890px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1920px × 縦600px 」の画像を使用しています。【フリースペース画像】
推奨サイズは「 横890px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1780px × 縦750px 」の画像を使用しています【カテゴリページヘッダー】
推奨サイズは「 横890px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1920px × 縦600px 」の画像を使用しています。【アバウトページ画像】
縦長/横長に関わらずお好みのサイズで構いません。
ご参考までに、デモショップでは「 横2400px × 縦900px 」の画像を使用しています。【商品画像】
推奨サイズは「 横1200px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1200px × 縦1200px 」の画像を使用しています。 - 対応している「BAES Apps」を教えてください。
Euforiaは「ページ追加 Apps」を除く全てのBASE Appsに対応しています。
「ページ追加 Apps」は無料テーマのみが対象のAppsとなっているため、Euforiaをはじめとした有料テーマではご利用いただくことができません。ページ追加 Apps
「ページ追加 App」は、最新のショップデザイン機能利用時の、オフィシャルテーマのみが対象です。
BASEデザインマーケットで販売しているデザイナーズテーマ、および「HTML編集 App」で作成されたカスタムテーマには、現在対応しておりません。「ページ追加 Apps」以外のBASE Appsは全て利用可能となっておりますのでご安心ください。
▼ BASE Apps 一覧
https://apps.thebase.in/
※各種BASE Appsのインストール方法や操作方法についてはBASEへ直接お問い合わせください。
「ページ追加 App」を使わずにページを追加するための代替方法については、すぐ下の「ページを追加したいのですがどうすればいいですか?」をご覧ください。
- ページを追加したいのですがどうすればいいですか?
BASEには「FAQ」や「お買い物ガイド」などの自由な内容のページを作成するための「ページ追加 Apps」があります。
しかしながら、「ページ追加 Apps」は無料テーマのみが対象のAppsとなっているため、Euforiaをはじめとした有料テーマではご利用いただくことができません。そこで、自由な内容のページを追加するための代替案と致しまして「Blog App」をご利用いただくことをご提案させていただいております。
▼ Blog App
https://apps.thebase.in/detail/43
「Blog App」を利用することでブログ記事として自由な内容を記載したページを作成していただけます。
具体例と致しましては、下記デモショップでは
https://demoshop.shopselect.net/blog/2023/06/29/090521
のような形でブログ記事をページのひとつのように利用しています。
(トップページの「バナー」「ピックアップ」「外部リンク」等からその記事ページへリンクさせるイメージとなります。)※「Blog App」をはじめとしたBASE Appsのインストール方法や操作方法についてはBASEへ直接お問い合わせください。
- HTML編集Appsを利用して購入したテーマを改造することはできますか?
可能です。
ご購入いただいたテーマをBASE管理画面の「デザイン」で適用した状態にてHTML編集Appsを利用することで、
Euforiaを元にしたオリジナルのショップデザインを構築していただくことが可能です。
HTML編集Appsの操作方法や改造方法はサポート対象外となりますことについては予めご了承ください。また、BASEに新機能が追加された際などには、新機能に合わせたテーマの無料アップデートをさせていただきますが、
HTML編集Appsを利用している場合には、編集内容を保護する為に自動では更新されません。
その際には手動でアップデート内容を適用していただく必要があります。HTML編集Appsを利用してテーマを改造している場合には、現在選択されているテーマが「カスタムテーマ」となっています。
「Euforia」テーマを選択していただくことでアップデートが適用された最新の状態のテーマとなりますので、
改めてHTML編集Appsを利用してオリジナルの改造/編集を行ってください。 - テーマのアップデートはありますか?
BASEに新機能が追加された際などには、新機能に合わせたテーマの無料アップデートをさせていただきます。
アップデートが行われた際には、ご購入いただいたテーマも自動的に更新されますので安心してご利用いただけます。
テーマのアップデートはBASEの新機能追加と同時ではなく、多少お時間をいただくことについては予めご了承ください。
また、HTML編集Appsを利用されている場合には、編集内容を保護する為に自動では更新されませんので手動でアップデート内容を適用していただく必要があります。
デザインや機能について
- 「追加メインメニュー」と「追加サブメニュー」と「外部リンク」の違いを教えてください。
「追加メインメニュー」「追加サブメニュー」「外部リンク」はどれも自由なタイトルとリンク先を設定可能な機能であり、
主な違いはそれぞれの表示位置となっています。「追加メインメニュー」はカテゴリーや「〇〇から選ぶメニュー」と並列の並びとなるため、
【おすすめ商品】【WOMEN】【MEN】のようなメインのメニューに適しています。「追加サブメニュー」はアバウトページ/ブログ/お問い合わせと並列の並びとなるため、
【お買い物ガイド】【よくあるご質問】のような補助的なメニューに適しています。「外部リンク」は「追加サブメニュー」と同様にアバウトページ/ブログ/お問い合わせと並列の並びとなりますが、
「追加サブメニュー」よりも右/下に表示されるため、外部リンクに適しています。
(「外部リンク」という項目名ではありますが、商品ページやブログ記事などへ内部リンクさせることも可能です。) - 「ピックアップ A」と「ピックアップ B」の違いを教えてください。
「ピックアップ A」と「ピックアップ B」はどちらも自由なアイテムを表示することができる機能で、
主な違いは内容とレイアウトです。「ピックアップ A」は6件まで設定可能です。
画像、テキスト、リンクを自由に設定することができ、
PCでは最大6アイテムが1行で表示され、スマホでは横に2アイテムまたは3アイテム表示されます。
リンクを設定せずに告知エリアとしても利用することも可能です。
ランキングアイコンを表示することも可能です。「ピックアップ B」は6件まで設定可能です。
画像、リンクを自由に設定することができ、PC/スマホどちらも横2アイテム表示されます。
リンクを設定せずに告知エリアとしても利用することも可能です。「ピックアップ A」と「ピックアップ B」は両方同時に表示することができます。
「〇〇から選ぶメニュー」について
- 「〇〇から選ぶメニュー」とは何ですか? / どんな機能ですか?
「〇〇から選ぶメニュー」は、カテゴリーとは別途、【価格から選ぶ】【ブランドから探す】等の自由なメニューを2つ(各6項目)まで設定することができる機能です。
多角的な導線を設定することでお客様が商品を探しやすくなり、ショップの回遊性も向上させることができます。
(検索 Appsのインストールが必要です。)「〇〇から選ぶメニュー」は検索 Appsの仕組みを利用しており、リンク先は検索結果ページになります。
リンク先に商品を表示するためには、設定するテキスト(キーワード)を事前に商品のタイトルや説明文章に入れておく必要があります。機能の詳細や設定方法は「 〇〇から選ぶメニュー 」にて詳しくご案内しています。
- 「〇〇から選ぶメニュー」を設定したのですがリンク先のページに商品が表示されません。
「〇〇から選ぶメニュー」は検索 Appsの仕組みを利用しており、リンク先は検索結果ページになります。
リンク先に商品を表示するためには、設定するテキスト(キーワード)を事前に商品のタイトルや説明文章に入れておく必要があります。例えば『価格帯から選ぶ』というメニューの中に『5,000円以上』という項目を設定した場合にも、
5,000円以上の価格の商品が自動的に表示されるわけではありません。
『5,000円以上』の検索結果としてその商品を表示させるために、
事前に商品の説明文章内に「5,000円以上」というテキストを入れておく必要があります。具体例として、下記デモショップの商品ページでは「#結婚・出産のお祝い」「#5,000円以上」というキーワードを商品説明に入れています。
https://demoshop.shopselect.net/items/76055117また、商品タイトルや説明文章に設定するテキスト(キーワード)を入れた後、BASEのデータベースが更新されるまでの間はリンク先に商品が表示されない(検索結果に引っかからない)場合があります。
通常数分から数時間以内に反映されて正常に表示されますので、しばらく経ってから再度リンク先(検索結果ページ)をご確認ください。機能の詳細や設定方法は「 〇〇から選ぶメニュー 」にて詳しくご案内しています。
- 商品タイトルや説明文章にキーワードを入れたのですがリンク先のページ(検索結果)に商品が表示されません。
商品タイトルや説明文章に設定するテキスト(キーワード)を入れた後、BASEのデータベースが更新されるまでの間はリンク先に商品が表示されない(検索結果に引っかからない)場合があります。
通常数分から数時間以内に反映されて正常に表示されますので、しばらく経ってから再度リンク先(検索結果ページ)をご確認ください。機能の詳細や設定方法は「 〇〇から選ぶメニュー 」にて詳しくご案内しています。
「カテゴリーアイコン」について
- カテゴリーアイコンがうまく設定できません。
カテゴリーアイコンに設定するアイコン画像は1枚にまとめる必要があります。
アイコン画像の推奨サイズや作成方法については「 カテゴリーアイコン画像の作成方法 」にて詳しくご案内しています。 - カテゴリーアイコン画像の作成方法を教えてください。
アイコン画像の推奨サイズや作成方法については「 カテゴリーアイコン画像の作成方法 」にて詳しくご案内しています。
- カテゴリーの順番を変更したのですが、アイコン画像の順番はどう変更すればいいですか?
カテゴリーアイコンは上から順番に表示されるため、カテゴリーの並び順を変更した場合にはアイコン画像も修正する必要があります。
変更後の並び順で再度アイコン画像を作成してアップロードし直してください。
アイコン画像の推奨サイズや作成方法については「 カテゴリーアイコン画像の作成方法 」にて詳しくご案内しています。
「ピックアップカテゴリー」について
- ピックアップカテゴリーを表示したいのですが『カテゴリID』が分かりません。
カテゴリIDの確認方法は「 カテゴリIDの確認方法 」をご確認ください。
「カテゴリページヘッダー」について
- カテゴリページヘッダーを表示したいのですが『カテゴリID』が分かりません。
カテゴリIDの確認方法は「 カテゴリIDの確認方法 」をご確認ください。
- カテゴリページヘッダーを設定したのですが表示されません。
まずは設定した「カテゴリID」が間違っていないかご確認ください。
また、「大カテゴリ」「中カテゴリ」「小カテゴリ」はそれぞれ別のカテゴリIDとなります。
例えば「リング」という大カテゴリの下に「シルバー」「ゴールド」「プラチナ」という中カテゴリがある場合、 「リング」の大カテゴリのカテゴリIDを指定するだけでは「シルバー」「ゴールド」「プラチナ」という中カテゴリにはヘッダー画像は表示されません。1種類の『ヘッダー』を複数のカテゴリに表示させたい場合には、複数のカテゴリIDをカンマ区切りで1行にして設定してください。
詳しい設定方法は、オンラインマニュアル「 カテゴリページヘッダー 」をご覧ください。カンマ「 , 」は半角です。半角ドット「 . 」や全角句読点「 、 」などにならないようご注意ください。
複数のカテゴリIDをカンマ区切りで設定している場合にうまく表示されない時は、「カテゴリID」が間違っていないかご確認いただくと共に、 「カンマが半角の , になっているか」「余計な空白や改行が入っていないか」についてもご確認ください。 - カテゴリページヘッダーに「大カテゴリ」のカテゴリIDを設定したのですが「中カテゴリ」にヘッダーが表示されません。
「大カテゴリ」「中カテゴリ」「小カテゴリ」はそれぞれ別のカテゴリIDとなります。
例えば「リング」という大カテゴリの下に「シルバー」「ゴールド」「プラチナ」という中カテゴリがある場合、 「リング」の大カテゴリのカテゴリIDを指定するだけでは「シルバー」「ゴールド」「プラチナ」という中カテゴリにはヘッダー画像は表示されません。1種類の『ヘッダー』を複数のカテゴリに表示させたい場合には、複数のカテゴリIDをカンマ区切りで1行にして設定してください。
詳しい設定方法は、オンラインマニュアル「 カテゴリページヘッダー 」をご覧ください。カンマ「 , 」は半角です。半角ドット「 . 」や全角句読点「 、 」などにならないようご注意ください。
複数のカテゴリIDをカンマ区切りで設定している場合にうまく表示されない時は、「カテゴリID」が間違っていないかご確認いただくと共に、 「カンマが半角の , になっているか」「余計な空白や改行が入っていないか」についてもご確認ください。 - カテゴリページヘッダーに複数のカテゴリIDを設定する方法がわかりません。(「カンマ区切り」とは何ですか?)
複数のカテゴリIDをカンマ区切りで1行にして設定することで、1種類の『ヘッダー』を複数のカテゴリに表示させることができます。
例として、
https://demosite.shopselect.net/categories/6132515
https://demosite.shopselect.net/categories/6146300
https://demosite.shopselect.net/categories/6146301
https://demosite.shopselect.net/categories/6146302
https://demosite.shopselect.net/categories/6146303
という5つのカテゴリページに同じヘッダーを表示させたい場合には、
カテゴリIDをカンマ区切りで「 6132521,6146305,6146306,6146307,6146308 」と1行にして記述します。
カテゴリIDの詳細は「 カテゴリIDの確認方法 」をご確認ください。
カンマ「 , 」は半角です。半角ドット「 . 」や全角句読点「 、 」などにならないようご注意ください。
複数のカテゴリIDをカンマ区切りで設定している場合にうまく表示されない時は、「カテゴリID」が間違っていないかご確認いただくと共に、 「カンマが半角の , になっているか」「余計な空白や改行が入っていないか」についてもご確認ください。詳しい設定方法は、オンラインマニュアル「 カテゴリページヘッダー 」をご覧ください。
「YouTube動画」について
- YouTube動画を表示したいのですが『埋め込みコード』とは何ですか? / 『埋め込みコード』の取得方法を教えてください。
YouTube動画 埋め込みコードの取得方法
1. 埋め込みたいYouTube動画のページを表示します。
2. 動画の右下にある『共有』をクリックします。 3. 「埋め込む」をクリックします。 4. 「コピー」をクリックして埋め込みコードをコピーします。 5. BASEのデザイン画面の「YouTube動画 埋め込みコード」のテキストエリアにペーストします。
(外部サービスについてはサポート対象外となっております。個別のお問い合わせに対しての回答は致しかねますことを予めご了承ください。)
「Gooleマップ」について
- Gooleマップを表示したいのですが『埋め込みコード』とは何ですか? / 『埋め込みコード』の取得方法を教えてください。
Googleマップ 埋め込みコードの取得方法
1. Google マップで埋め込みたい地図の場所を表示します。
2. 画面の左上にある『≡』をクリックします。 3. 「地図を共有または埋め込む」をクリックします。 4. 「地図を埋め込む」のタブを選択して「HTMLをコピー」をクリックします。 5. BASEのデザイン画面にある「Googleマップ 埋め込みコード」のテキストエリアにHTMLをペーストします。
(外部サービスについてはサポート対象外となっております。個別のお問い合わせに対しての回答は致しかねますことを予めご了承ください。)
「フリースペース」について
- フリースペースにInstagramを埋め込みたいのですがどうすればいいですか?
Instagramの埋め込み方法については「 Instagramの埋め込み方法 」をご確認ください。
(外部サービスについてはサポート対象外となっております。個別のお問い合わせに対しての回答は致しかねますことを予めご了承ください。) - フリースペースにGoogleカレンダーを埋め込みたいのですがどうすればいいですか?
Google カレンダーの埋め込みコードの取得方法については「 Google カレンダー ヘルプ 」をご確認ください。
(外部サービスについてはサポート対象外となっております。個別のお問い合わせに対しての回答は致しかねますことを予めご了承ください。)
「キーワードリスト」について
- キーワードリストの設定方法がわかりません。(「カンマ区切り」とは何ですか?)
キーワードリストに設定するキーワードはカンマ区切りで20件まで設定することが可能です。
全てのキーワードをカンマ区切りで1行にしてください。
カンマ「 , 」は半角です。
半角ドット「 . 」や全角句読点「 、 」などにならないようご注意ください。詳しくは「 キーワードリスト設定 」をご確認ください。
トラブルシューティング
- デザイン画面のプレビューでショップのレイアウトが崩れて見えます。
デザイン画面の右側に表示される「プレビュー」は、左側に設定メニューが表示されているため通常のブラウザ幅よりも狭くなっているため、メニューに意図しない改行が入るなど一部のレイアウトが崩れて見える場合があります。
ほとんどの場合、実際のショップのレイアウトは崩れませんのでご安心ください。
レイアウトが崩れて見える場合には、右上の「プレビュー」をクリックした際の大きなプレビューやブラウザで見た実際のショップ画面もご確認ください。但し、例外的に、上部メニューの「〇〇から選ぶメニュー」「追加メインメニュー」「追加サブメニュー」の項目や文字数が多すぎる場合には、実際のショップ画面でもレイアウトが崩れたり意図しない改行が入ってしまう場合があります。
そのような場合にはレイアウトが崩れないようにメニュー項目を一部非表示にしたり、各項目の文字数を減らすなどの対応をご検討ください。左側に設定メニューが表示されているため、右側のプレビューでは「カテゴリから選ぶ」等のメニューに改行が入っているように見えます。右上の「プレビュー」をクリックして大きなプレビューを見ると正常に見えています。 - PC閲覧時の上部メニューのレイアウトが崩れてしまいます。/ 改行が入ってしまいます。
EuforiaはPC閲覧時の上部メニューに「〇〇から選ぶメニュー」「追加メインメニュー」「追加サブメニュー」「SNSアイコン」 などを表示することが可能となっており、ショップ様のお好みに応じたメニュー構成にしていただくことができます。
しかしながら、メニュー項目や文字数が多すぎる場合にはレイアウトが崩れたり、意図しない改行が入ってしまう場合があります。
そのような場合にはレイアウトが崩れないようにメニュー項目を一部非表示にしたり、各項目の文字数を減らすなどの対応をご検討ください。 - イメージスライダーやバナー、ピックアップ等の設定を行ってもサイトに表示されません。
イメージスライダーやバナー、ピックアップ等の機能を設定しても表示されない場合は、その項目の表示設定がOFFになっている可能性があります。
ON/OFFの切替ができる項目についてはOFF(グレーの状態)からON(緑の状態)に切り替わっているかご確認ください。 - テキストを入力する際に改行ができません。
テキストエリア内ではHTMLコードが利用可能です。
「 <br> 」と入力すると改行され、「 <p> ~ </p> 」で囲むと段落になります。
下記のサンプルをご参考にしてください。<p> 【営業時間】 <br> 11:30-15:00(L.O. 14:30) <br> 18:00-23:00(L.O. 22:00) </p> <p> 【定休日】 <br> 日曜日・祝日 <br> 神戸市中央区山本通1-1 </p>
HTMLについてはサポート対象外となります。
個別の記述方法のご案内等は致しかねますことを予めご了承ください。 - デザイン編集画面で設定した内容がショップに反映されません。
1. ご確認いただいている端末のブラウザにキャッシュが残っているために最新の情報が取得できていない可能性があります。
まずは、ブラウザのキャッシュを削除してから再度ショップを確認することをお試しください。2. ブラウザのキャッシュを削除しても設定内容が反映されない場合、
一時的にBASEのデータサーバとの通信が正常に行われていないために、設定内容が保存されていない可能性があります。
(この現象はテーマではなくBASEのシステム側の問題となりますので、利用しているテーマに関わらず起こりうる現象となります。)【 解決方法 】
一旦、設定しようとしている項目を空欄にした状態で「保存」を押して「終了」してBASE管理画面のトップに戻ります。
(設定しようとしている項目を空欄にしても「保存」がクリックできる状態にならない時は、別の項目のON/OFFを切り替えるなどして「保存」ができるようになるかお試しください。)次に、再度BASE管理画面のトップからデザイン編集画面に進んで上記項目が正常に空欄として保存されていることをご確認ください。
その状態で改めてその項目を設定して「保存」→「終了」としていただき、正常にデータが更新されていることをお確かめください。
(通常、設定は複数を同時に行っていただけますが、うまくいかない場合には1項目ずつ「設定」→「保存」→「終了」を繰り返してください。)また、テキストエリア形式の設定項目において正常にデータが保存されない(「保存」が押せない)場合には、
入力する際にコピーペーストするのではなく、空欄の状態から手動でテキストを入力する形で記述することもお試しください。上記の方法でもうまくいかない場合には、BASE側のサーバーに一時的な問題が生じている可能性がありますので、
お手数ですがしばらく時間をおいてから再度お試しください。 - デザイン編集画面で「保存」ボタンが押せません。(設定内容がプレビューに反映されません。)
一時的にBASEのデータサーバとの通信が正常に行われていないために、
設定内容がBASEのシステム側に反映されず「保存」ボタンが押せなくなっている可能性があります。
(この現象はテーマではなくBASEのシステム側の問題となりますので、利用しているテーマに関わらず起こりうる現象となります。)【 解決方法 】
設定しようとしている項目を空欄にした状態(またはON/OFFを切り替えた状態)にして「保存」ができるようになるかお試しください。
それでも「保存」がクリックできる状態にならない時は、別の項目のON/OFFを切り替えるなどして「保存」できる状態になるかご確認ください。「保存」ができる状態になったら一度そのまま「保存」→「終了」していただき、正常にデータが更新されていることをお確かめください。
その後、改めてデザイン画面にて設定を続けてください。
(通常、設定は複数を同時に行っていただけますが、うまくいかない場合には1項目ずつ「設定」→「保存」→「終了」を繰り返してください。)また、テキストエリア形式の設定項目において正常にデータが保存されない(「保存」が押せない)場合には、
入力する際にコピーペーストするのではなく、空欄の状態から手動でテキストを入力する形で記述することもお試しください。上記の方法でもうまくいかない場合には、BASE側のサーバーに一時的な問題が生じている可能性がありますので、
お手数ですがしばらく時間をおいてから再度お試しください。 - テーマが自動的にアップデートされないのですが、どうすればいいですか?
通常、アップデートが行われた際にはご購入いただいたテーマも自動的に更新されますが、
HTML編集Appsを利用している場合には、編集内容を保護する為に自動では更新されません。
その際には手動でアップデート内容を適用していただく必要があります。HTML編集Appsを利用してテーマを改造している場合には、現在選択されているテーマが「カスタムテーマ」となっています。
これはご購入いただいたテーマを元にしたオリジナルの別のテーマとして保存されているためです。
「Euforia」テーマを選択していただくことでアップデートが適用された最新の状態のテーマとなりますので、
改めてHTML編集Appsを利用してオリジナルの改造/編集を行ってください。
ご購入 [ Preview and Purchase ]
BASE専用テーマ【 Euforia(ユーフォリア) 】はBASEデザインマーケットにてご購入いただけます。
お問い合わせ [ Contact ]
【 Euforia(ユーフォリア)】に関するお問い合わせは下記のメールフォームよりお問い合わせください。
テーマの設定に関するお問い合わせの際には、事前に「設定方法 / マニュアル」や「よくある質問」をご確認ください。
*『カテゴリーアイコン』を設定する際の「カテゴリーアイコン画像の作成方法」についてはこちらをご覧ください。
*『ピックアップカテゴリー』や『カテゴリページヘッダー』を設定する際の「カテゴリIDの確認方法」についてはこちらをご覧ください。
お問い合わせへの対応は通常2営業日以内に行っております。
場合によってはお時間をいただく場合があります事を予めご了承ください。
デザインテーマ一覧 [ Design Themes ]
Dolce & Vivaceでは豊富なBASEデザインテーマを取り扱っています。
ショップのイメージに合わせた理想のテーマがきっと見つかります。
有料カスタマイズ [ Customization Service ]
テーマはご購入時の状態でも多彩なカスタマイズ機能を備えていますが、
さらにオリジナルのカスタマイズをご希望の方は「BASEテーマの有料カスタマイズサービス」をご検討ください。
カスタマイズ対応はEuforiaをはじめとした Dolce & Vivace のテーマのみを対象とさせていただいております。
(BASEデザインマーケット内の他社様が販売しているテーマのカスタマイズ依頼はお引き受け致しかねます。)