「テイクアウト Apps」に完全対応！
リアル店舗の情報を掲載するカスタマイズ機能も搭載しています。
店舗公式サイトを兼ねた機能的でおしゃれなショップを簡単に作成することができます。
「テイクアウト Apps」をご利用になる際に便利な機能を多数ご用意していますので、
既に店舗公式サイトをお持ちの飲食店様にもお勧めのテーマです。
1つのショップでテイクアウトと通販を同時に行うことも可能です。
店舗インフォメーション / スライダー / ピックアップメニュー / 画像ギャラリー / 各種バナー etc...
好みに応じた機能性の高い自由なカスタマイズが可能です。
全てのオリジナルカスタマイズ機能はON/OFFが切替可能なため、
好みに応じて必要な機能のみ利用することができます。
スマートフォンにも最適化されたレスポンシブ対応。
ビジュアルだけでなく「ショップとしての機能性」にも配慮しています。
ドラッグ操作/スワイプ操作対応の機能的なレスポンシブスライダーです。
画像は6枚まで設定可能で、商品ページ / カテゴリページ / 検索結果 / 外部サイトなど自由なリンク先を設定することができます。
前後のスライドへの矢印の表示ON/OFF（PC/スマホ）、インジケーター表示ON/OFF（PC）、
左右スライド/フェードインの切り替えなど細かなデザイン調整をすることが可能です。
（スライダー機能を利用せず画像1枚のみをメインイメージとして設定することもできます。）
テイクアウト商品のカテゴリーや個別のメニューへのリンクを6件まで表示して、
画像、テキスト、リンクを自由に設定することができます。
リンク先は商品ページだけでなく、カテゴリページや外部サイトにすることも可能です。
リンクを設定せずに情報掲載スペースとして利用して頂く事もできます。
（PC/スマホそれぞれ「トップページのみに表示」と「カテゴリページや商品ページにも表示」を選択することができます。）
トップページに最大4枚の画像をギャラリーとして表示可能です。
画像はクリックすると拡大してスライド表示されるため、
店内メニューの画像等を掲載する際に便利な機能となっています。
『イメージバナー』をPC用とスマホ用に各2枚ずつ、
『サイドバナー』を1枚、合計5枚まで画像によるリンクバナーを設定することができます。
各バナーには自由なリンク先を設定することができ、
リンクを設定せずに告知エリアとしても利用することも可能です。
リアル店舗の情報を詳しく表示することができます。
店舗イメージ画像、紹介文章、営業時間・テイクアウト受付時間
・住所等の自由な告知欄、電話番号を設定することが可能です。
告知欄の枠線やテキストカラーを設定することもできます。
スマホ閲覧時には電話番号をクリックするだけで発信可能です。
お客様に伝えたい重要なお知らせを見やすく表示することができます。
テキスト内容やテキストカラーを自由に設定することが可能です。
（「トップページのみに表示」または「全てのページに表示」が選択できます。）
あなたのショップに合ったお好みのアイコンタイプを選ぶことができます。
アイコンの色も自由に変更することができます。
ワンポイントアイコンが不要な場合は非表示にすることも可能です。
トップページに「ブログApps」で作成した記事を3件まで表示可能です。
「この記事を固定にする」に設定した記事はトップページ上部にも表示されます。
「はじめにお読み下さい」ボタンを設置することが可能です。
テキスト内容、カラー、リンクを自由に設定することができます。
ブログApps等を利用したページにリンクさせることで、ショップを利用されるお客様へ
「テイクアウト販売のご注文方法」等のご注意を伝えることができます。
（PC/スマホそれぞれ「トップページのみに表示」と「カテゴリページや商品ページにも表示」を選択することができます。）
ショップのトップページを開いた際にポップアップ画像（モーダルポップアップ）を表示する事ができます。
キャンペーン/セール/イベント等の告知に便利な機能となっており、自由なリンク先を設定して頂けます。
モーダルポップアップは「毎回表示」と「6時間後に再度表示」が選択可能です。
テキストロゴはWebフォント*に対応しているので、ロゴ画像がなくても綺麗に表示することができます。
フォント/サイズ/カラーを自由に設定することが可能です。
(*Webフォントはアルファベットのみ対応しています。)
背景色、メインエリアの背景色、フッターの背景色、テキスト、リンク、
カートに入れるボタン、カテゴリメニュー、アイコンなどのカラーを自由に変更することが可能です。
「Home」「About」「Blog」「Contact」などのナビゲーションテキストや、
「Category」「Information」などのタイトルを変更することが可能です。
また、ナビゲーションに「外部リンク」を4つまで設定することもできます。
BASE管理画面で登録した「ショップの説明」の他に、
画像・キャッチコピー・住所や営業時間等のカスタムショップ情報を掲載することができます。
お問合せページに電話番号を表示することができます。
ご予約やお問合せの際、スムーズに電話を受けることが可能です。
スマホ閲覧時には電話番号をクリックするだけで発信可能です。
カスタマイズはBASE管理画面上で簡単に操作できます。
ON/OFFを切り替えたり、テキストを入れたり、色や画像を指定するだけで
どなたでも簡単にオリジナルのショップデザインにして頂けます。
スクリーンショットをまじえた分かりやすいオンラインマニュアルもご用意しています。
ページ下部の「設定方法 / マニュアル」をご覧下さい。
セール / レビュー / ブログ / ラベルをはじめとした全てのBASE Appsに対応しています。*1
HTML編集Appsにも対応しており、Mochicaを改造した独自のショップデザインを構築することも可能です。
HTML編集Appsの操作方法や改造方法についてはサポート対象外となります。
*1 例外として「ページ追加 Apps」はオフィシャルテーマのみが対象のAppsとなっているためご利用頂けません。
BASEに新機能が追加された際には、新機能に合わせたテーマの無料アップデートを提供。
アップデートが行われた際には、ご購入頂いたテーマも自動的に更新されますので安心してご利用頂けます。
テーマのアップデートはBASEの新機能追加と同時ではなく、多少お時間を頂くことについては予めご了承下さい。
また、HTML編集Appsを利用されている場合には、編集内容を保護する為に自動では更新されませんので手動でアップデート内容を適用して頂く必要があります。
Mochicaは様々なカスタマイズを簡単に行うことができます。
BASE管理画面のデザイン編集からテンプレートの編集が可能です。
<p>
【テイクアウト受付時間】
<br>
11:30-14:30
<br>
18:00-22:00
</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についてはサポート対象外となります。
個別の記述方法のご案内等は致しかねますことを予めご了承下さい。
記述例： p { font-size:14px !important;}
独自スタイルシート(CSS)は知識のある上級者向けの設定です。Mochicaをご利用頂く際の登録する画像の推奨サイズは以下の通りです。
【ロゴ画像】
お好みのサイズで構いません。
正方形や縦長のロゴの場合、スマホサイトでは表示が小さくなる場合がありますので横長の画像をお奨めします。
ご参考までに、デモショップでは「 横420px × 縦80px 」の画像を使用しております。
【イメージスライダー】
Mochicaのイメージスライダーは画面サイズに応じてレスポンシブに表示されるため、
Retinaディスプレイを考慮して画像は大きめのものをご用意下さい。
イメージスライダー画像の推奨サイズは「 横1080px 」です。
縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1080px × 縦480px 」の画像を使用しております。
【イメージバナー】
推奨サイズは「 横840px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1080px × 縦300px 」の画像を使用しております。
【サイドバナー】
推奨サイズは「 横800px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横800px × 縦400px 」の画像を使用しております。
【店舗イメージ】
推奨サイズは「 横800px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横800px × 縦800px 」の画像を使用しております。
【ピックアップメニュー】
推奨サイズは画像の設定枚数によって異なりますが、なるべく大きなサイズの画像をご用意頂くことをお奨めします。
ご参考までに、デモショップでは「 横200px × 縦200px 」の画像を使用しております。
【画像ギャラリー】
推奨サイズは画像の設定枚数によって異なりますが、サムネイルをクリックした際に拡大される為、
なるべく大きなサイズの画像をご用意頂くことをお奨めします。
ご参考までに、デモショップでは「 横2150px × 縦3000px 」の画像を使用しております。
【アバウトページ画像】
縦長/横長に関わらずお好みのサイズで構いません。
ご参考までに、デモショップでは「 横818px × 縦614px 」の画像を使用しております。
【モーダルポップアップ画像】
推奨サイズは「 横800px × 縦800px 」です。
PC閲覧時には「 横400px × 縦400px 」で表示されます。
【商品画像】
推奨サイズは「 横1000px × 縦1000px 」です。
ご参考までに、デモショップでは「 横1000px × 縦1000px 」の画像を使用しております。
Mochicaに関するよくあるお問い合わせとその回答です。
1つのショップでテイクアウトと通販を同時に行うことが可能です。
BASE管理画面上で「テイクアウト商品」と「通常商品（通販）」を選択して登録することできますので、1つのショップで両方取り扱って頂けます。
テイクアウト商品と通販商品の違いがお客様に分かりやすいように、カテゴリーを分けて登録して頂くことをおすすめ致します。
カスタマイズはBASE管理画面上で簡単に操作できます。
自由にカスタマイズして頂けるようにたくさんの設定項目をご用意しておりますが、
どれも「ON/OFFを切り替える」「テキストを入れる」「色を選ぶ」「画像を選ぶ」などの簡単な設定になっています。
どなたでも簡単にオリジナルのショップデザインにして頂けます。
詳しくは「設定方法 / マニュアル」をご覧下さい。
はい。
デモショップ は実際にBASEで開設したショップにMochicaテーマを適用した上で、
BASE管理画面の「デザイン編集」で画像やテキストの設定をしただけのものとなっています。
もちろん写真や商品画像はご自身でご用意頂く必要がありますが、 「ON/OFFを切り替える」「テキストを入れる」「色を選ぶ」「画像を選ぶ」などの簡単な設定をするだけで、 どなたでも簡単にデモショップのようなオリジナルのデザインにして頂けます。
画像の推奨サイズは以下の通りです。
【ロゴ画像】
お好みのサイズで構いません。
正方形や縦長のロゴの場合、スマホサイトでは表示が小さくなる場合がありますので横長の画像をお奨めします。
ご参考までに、デモショップでは「 横420px × 縦80px 」の画像を使用しております。
【イメージスライダー】
Mochicaのイメージスライダーは画面サイズに応じてレスポンシブに表示されるため、
Retinaディスプレイを考慮して画像は大きめのものをご用意下さい。
イメージスライダー画像の推奨サイズは「 横1080px 」です。
縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1080px × 縦480px 」の画像を使用しております。
【イメージバナー】
推奨サイズは「 横840px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1080px × 縦300px 」の画像を使用しております。
【サイドバナー】
推奨サイズは「 横800px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横800px × 縦400px 」の画像を使用しております。
【店舗イメージ】
推奨サイズは「 横800px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横800px × 縦800px 」の画像を使用しております。
【ピックアップメニュー】
推奨サイズは画像の設定枚数によって異なりますが、なるべく大きなサイズの画像をご用意頂くことをお奨めします。
ご参考までに、デモショップでは「 横200px × 縦200px 」の画像を使用しております。
【画像ギャラリー】
推奨サイズは画像の設定枚数によって異なりますが、サムネイルをクリックした際に拡大される為、
なるべく大きなサイズの画像をご用意頂くことをお奨めします。
ご参考までに、デモショップでは「 横2150px × 縦3000px 」の画像を使用しております。
【アバウトページ画像】
縦長/横長に関わらずお好みのサイズで構いません。
ご参考までに、デモショップでは「 横818px × 縦614px 」の画像を使用しております。
【モーダルポップアップ画像】
推奨サイズは「 横800px × 縦800px 」です。
PC閲覧時には「 横400px × 縦400px 」で表示されます。
【商品画像】
推奨サイズは「 横1000px × 縦1000px 」です。
ご参考までに、デモショップでは「 横100px × 縦1000px 」の画像を使用しております。
Mochicaは「ページ追加 Apps」を除く全てのBASE Appsに対応しています。
「ページ追加 Apps」は無料テーマのみが対象のAppsとなっているため、Mochicaをはじめとした有料テーマではご利用頂くことができません。
ページ追加 Apps
「ページ追加 App」は、最新のショップデザイン機能利用時の、オフィシャルテーマのみが対象です。
BASEデザインマーケットで販売しているデザイナーズテーマ、および「HTML編集 App」で作成されたカスタムテーマには、現在対応しておりません。
「ページ追加 Apps」以外のBASE Appsは全て利用可能となっておりますのでご安心下さい。
▼ BASE Apps 一覧
https://apps.thebase.in/
※各種BASE Appsのインストール方法や操作方法についてはBASEへ直接お問い合わせ下さい。
「ページ追加 App」を使わずにページを追加するための代替方法については、すぐ下の「ページを追加したいのですがどうすればいいですか？」をご覧下さい。
BASEには「FAQ」や「お買い物ガイド」などの自由な内容のページを作成するための「ページ追加 Apps」があります。
しかしながら、「ページ追加 Apps」は無料テーマのみが対象のAppsとなっているため、
Mochicaをはじめとした有料テーマではご利用頂くことができません。
そこで、自由な内容のページを追加するための代替案と致しまして「Blog App」をご利用頂くことをご提案させて頂いております。
▼ Blog App
https://apps.thebase.in/detail/43
「Blog App」を利用することでブログ記事として自由な内容を記載したページを作成して頂けます。
具体例と致しましては、下記デモショップでは
https://demoshop.base.ec/blog/2021/06/27/090304
のような形でブログ記事をページのひとつのように利用しています。
（トップページの「バナー」「ピックアップ」「外部リンク」等からその記事ページへリンクさせるイメージとなります。）
※「Blog App」をはじめとしたBASE Appsのインストール方法や操作方法についてはBASEへ直接お問い合わせ下さい。
ご購入前のプレビューやご購入後のカスタマイズ画面のプレビューでは、
画面左側にカスタマイズ項目のメニュー部分があるためその分だけ実際のショップよりも画面幅が狭く表示されます。
大きなPCのモニターではプレビュー画面でも通常のＰＣデザインが表示されますが、ノートパソコンのような小さめのPCをご利用の場合やブラウザを小さく表示している場合などは、PCのデザインではなくタブレット用のデザインが表示される場合があります。
ブラウザをPCの画面全体にしていない場合には全画面に、ブラウザの左側にお気に入りバー等を出している場合には非表示にすることをお試し下さい。
PCのサイズ等によってはプレビューでタブレット用のデザインが表示されることもありますが、
実際のショップではデモショップと同様の見え方となりますのでご安心下さい。
イメージスライダーやバナー、店舗インフォメーション、ピックアップメニュー等の機能を設定しても表示されない場合は、その項目の表示設定がOFFになっている可能性があります。
ON/OFFの切替ができる項目についてはOFF（グレーの状態）からON（緑の状態）に切り替わっているかご確認下さい。
それでも解決しない場合には、すぐ下の「スマホで見るとイメージスライダーやバナー、店舗インフォメーション、ピックアップメニュー等が表示されません。」の項目をご覧下さい。
BASEに新機能が追加された際などには、新機能に合わせたテーマの無料アップデートをさせて頂きます。
アップデートが行われた際には、ご購入頂いたテーマも自動的に更新されますので安心してご利用頂けます。
テーマのアップデートはBASEの新機能追加と同時ではなく、多少お時間を頂くことについては予めご了承下さい。
また、HTML編集Appsを利用されている場合には、編集内容を保護する為に自動では更新されませんので手動でアップデート内容を適用して頂く必要があります。
通常、アップデートが行われた際にはご購入頂いたテーマも自動的に更新されますが、
HTML編集Appsを利用している場合には、編集内容を保護する為に自動では更新されません。
その際には手動でアップデート内容を適用して頂く必要があります。
HTML編集Appsを利用してテーマを改造している場合には、現在選択されているテーマが「カスタムテーマ」となっています。
これはご購入頂いたテーマを元にしたオリジナルの別のテーマとして保存されているためです。
「Mochica」テーマを選択して頂くことでアップデートが適用された最新の状態のテーマとなりますので、
改めてHTML編集Appsを利用してオリジナルの改造/編集を行って下さい。
可能です。
ご購入頂いたテーマをBASE管理画面の「デザイン」で適用した状態にてHTML編集Appsを利用することで、
Mochicaを元にしたオリジナルのショップデザインを構築して頂くことが可能です。
HTML編集Appsの操作方法や改造方法はサポート対象外となりますことについては予めご了承下さい。
テキストエリア内ではHTMLコードが利用可能です。
「 <br> 」と入力すると改行され、「 <p> ～ </p> 」で囲むと段落になります。
下記のサンプルをご参考にして下さい。
<p>
【テイクアウト受付時間】
<br>
11:30-14:30
<br>
18:00-22:00
</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側のサーバーに一時的な問題が生じている可能性がありますので、
お手数ですがしばらく時間をおいてから再度お試し下さい。
「 テイクアウト App 」 をインストールすることで、あなたのショップでテイクアウトの事前注文／決済を行うことができます。
テイクアウト Appsのインストール方法や操作方法はBASEへ直接お問い合わせ下さい。
「モーダルポップアップを毎回表示する」がOFF（6時間後に再度表示）の状態でショップを閲覧した場合、
その後ON（毎回表示）にした場合でも初回閲覧時から6時間経過するまでポップアップは再表示されません。
他の端末や一般のショップのお客様からは毎回表示される状態に切り替わっていますのでご安心下さい。
「モーダルポップアップを毎回表示する」をOFFからONに切り替えた際にポップアップが表示されない場合には、
他の端末やブラウザでご確認頂くか、6時間経過後に改めて正常に設定が反映されているかご確認下さい。
最新版/初期状態のテーマが適用されていない可能性があります。
BASEの「HTML編集Apps」をご利用してテーマに変更を加えた状態となっておりませんでしょうか？
（HTML編集を行っている場合には、テーマが「Mochica」ではなく「カスタムテーマ」と表示されています。）
HTML編集Appにてテーマを独自に編集されている場合には、
お客様側での編集内容を保持する目的によりテーマのアップデートは自動的には適用されません。
「商品説明カスタム App」や「商品オプションApp」で設定した内容が表示されない場合やレイアウトが崩れてしまう場合、
「テーマが最新版にアップデートされていない」または「お客様側で行った編集内容に問題がある」ことが原因である可能性がございます。
テーマを「カスタムテーマ」から「Mochica」に変更することで最新版のテーマが適用されますので、その状態で表示が正常になるかご確認下さい。
但し、その際HTML編集Appsでご変更頂いた内容は消えてしまいますので、解決方法として下記の手順をお試し下さい。
BASE専用テーマ【 Mochica 】はBASEデザインマーケットにてご購入頂けます。
【 Mochica 】に関するお問い合わせは下記のメールフォームよりお問い合わせ下さい。
テーマの設定に関するお問い合わせの際には、事前に「設定方法 / マニュアル」や「よくある質問」をご確認下さい。
お問い合わせへの対応は通常2営業日以内に行っております。
場合によってはお時間を頂く場合があります事を予めご了承下さい。
Dolce & Vivaceでは豊富なBASEデザインテーマを取り扱っています。
ショップのイメージに合わせた理想のテーマがきっと見つかります。
テーマはご購入頂いた状態でも多彩なカスタマイズ機能を備えていますが、
さらにオリジナルのカスタマイズをご希望の方は「BASEテーマの有料カスタマイズサービス」をご検討下さい。
カスタマイズ対応は Dolce & Vivace のテーマのみを対象とさせて頂いております。
（BASEデザインマーケット内の他社様が販売しているテーマのカスタマイズ依頼はお引き受け致しかねます。）