BASEデザインテーマ一覧 ≫ Mochica

デモショップ[ Demoshop ]


【Mochica】を適用したデモショップ(サンプルページ)をご用意しています。
まずはぜひ実際のテーマの機能やデザインをご確認下さい。
デモショップ(サンプルページ)をご用意しています。まずはぜひ実際のテーマの機能やデザインをご確認下さい。

Mochicaの特徴[ Overview ]

テイクアウト販売を行う飲食店のショップに最適

「テイクアウト Apps」に完全対応!
リアル店舗の情報を掲載するカスタマイズ機能も搭載しています。
店舗公式サイトを兼ねた機能的でおしゃれなショップを簡単に作成することができます。


「テイクアウト Apps」をご利用になる際に便利な機能を多数ご用意していますので、
既に店舗公式サイトをお持ちの飲食店様にもお勧めのテーマです。

デザイン

飲食店向けの多彩なカスタマイズ機能を搭載

店舗インフォメーション / スライダー / ピックアップメニュー / 画像ギャラリー / 各種バナー etc...
好みに応じた機能性の高い自由なカスタマイズが可能です。


全てのオリジナルカスタマイズ機能はON/OFFが切替可能なため、
好みに応じて必要な機能のみ利用することができます。

デザイン

スマートフォンにも対応したレスポンシブデザイン

スマートフォンにも最適化されたレスポンシブ対応。
ビジュアルだけでなく「ショップとしての機能性」にも配慮しています。

デザイン

機能的なレスポンシブスライダー

ドラッグ操作/スワイプ操作対応の機能的なレスポンシブスライダーです。
画像は6枚まで設定可能で、商品ページ / カテゴリページ / 検索結果 / 外部サイトなど自由なリンク先を設定することができます。
前後のスライドへの矢印の表示ON/OFF(PC/スマホ)、インジケーター表示ON/OFF(PC)、
左右スライド/フェードインの切り替えなど細かなデザイン調整をすることが可能です。
(スライダー機能を利用せず画像1枚のみをメインイメージとして設定することもできます。)

レスポンシブスライダー

ピックアップメニュー

テイクアウト商品のカテゴリーや個別のメニューへのリンクを6件まで表示して、
画像、テキスト、リンクを自由に設定することができます。
リンク先は商品ページだけでなく、カテゴリページや外部サイトにすることも可能です。
リンクを設定せずに情報掲載スペースとして利用して頂く事もできます。
(PC/スマホそれぞれ「トップページのみに表示」と「カテゴリページや商品ページにも表示」を選択することができます。)

ピックアップ表示

画像ギャラリー

トップページに最大4枚の画像をギャラリーとして表示可能です。
画像はクリックすると拡大してスライド表示されるため、
店内メニューの画像等を掲載する際に便利な機能となっています。

画像ギャラリー

イメージバナー

『イメージバナー』をPC用とスマホ用に各2枚ずつ、
『サイドバナー』を1枚、合計5枚まで画像によるリンクバナーを設定することができます。
各バナーには自由なリンク先を設定することができ、
リンクを設定せずに告知エリアとしても利用することも可能です。

イメージバナー

アクセスマップ

トップページにGooleマップを埋め込んで表示することが可能です。
店舗住所等の補足情報を記載することもできます。
(Gooleマップの「埋め込みコード」の取得方法はこちら。)

アクセスマップ

店舗インフォメーション

リアル店舗の情報を詳しく表示することができます。
店舗イメージ画像、紹介文章、営業時間・テイクアウト受付時間
・住所等の自由な告知欄、電話番号を設定することが可能です。


告知欄の枠線やテキストカラーを設定することもできます。
スマホ閲覧時には電話番号をクリックするだけで発信可能です。

店舗インフォメーション

重要なお知らせの表示

お客様に伝えたい重要なお知らせを見やすく表示することができます。
テキスト内容やテキストカラーを自由に設定することが可能です。
(「トップページのみに表示」または「全てのページに表示」が選択できます。)

重要なお知らせ

おしゃれなワンポイントアイコンでアクセントを添えて

         
あなたのショップに合ったお好みのアイコンタイプを選ぶことができます。
アイコンの色も自由に変更することができます。
ワンポイントアイコンが不要な場合は非表示にすることも可能です。

ワンポイントアイコンs

ブログ最新記事表示

トップページに「ブログApps」で作成した記事を3件まで表示可能です。
「この記事を固定にする」に設定した記事はトップページ上部にも表示されます。

ブログ最新記事表示

「はじめにお読み下さい(README)」ボタン

「はじめにお読み下さい」ボタンを設置することが可能です。
テキスト内容、カラー、リンクを自由に設定することができます。
ブログApps等を利用したページにリンクさせることで、ショップを利用されるお客様へ
「テイクアウト販売のご注文方法」等のご注意を伝えることができます。
(PC/スマホそれぞれ「トップページのみに表示」と「カテゴリページや商品ページにも表示」を選択することができます。)

はじめにお読み下さい

テキストロゴもWebフォントで美しく

テキストロゴはWebフォント*に対応しているので、ロゴ画像がなくても綺麗に表示することができます。
フォント/サイズ/カラーを自由に設定することが可能です。
(*Webフォントはアルファベットのみ対応しています。)

Webフォント

柔軟なカラーカスタマイズ

背景色、メインエリアの背景色、フッターの背景色、テキスト、リンク、
カートに入れるボタン、カテゴリメニュー、アイコンなどのカラーを自由に変更することが可能です。

カラーカスタマイズ

ナビゲーションを自由に設定

「Home」「About」「Blog」「Contact」などのナビゲーションテキストや、
「Category」「Information」などのタイトルを変更することが可能です。

また、ナビゲーションに「外部リンク」を4つまで設定することもできます。

ナビゲーション

アバウトページカスタマイズ

BASE管理画面で登録した「ショップの説明」の他に、
画像・キャッチコピー・住所や営業時間等のカスタムショップ情報を掲載することができます。

アバウトページ

お問合せページカスタマイズ

お問合せページに電話番号を表示することができます。
ご予約やお問合せの際、スムーズに電話を受けることが可能です。
スマホ閲覧時には電話番号をクリックするだけで発信可能です。

お問合せページ電話番号

簡単カスタマイズで初めての方も安心

カスタマイズはBASE管理画面上で簡単に操作できます。
ON/OFFを切り替えたり、テキストを入れたり、色や画像を指定するだけで
どなたでも簡単にオリジナルのショップデザインにして頂けます。

スクリーンショットをまじえた分かりやすいオンラインマニュアルもご用意しています。
ページ下部の「設定方法 / マニュアル」をご覧下さい。

簡単カスタマイズ

各種BASE Appsに対応

セール / レビュー / ブログ / ラベルをはじめとした全てのBASE Appsに対応しています
HTML編集Appsにも対応しており、Mochicaを改造した独自のショップデザインを構築することも可能です。
HTML編集Appsの操作方法や改造方法についてはサポート対象外となります。

安心の無料アップデート

BASEに新機能が追加された際には、新機能に合わせたテーマの無料アップデートを提供
アップデートが行われた際には、ご購入頂いたテーマも自動的に更新されますので安心してご利用頂けます。
テーマのアップデートはBASEの新機能追加と同時ではなく、多少お時間を頂くことについては予めご了承下さい。
また、HTML編集Appsを利用されている場合には、編集内容を保護する為に自動では更新されませんので手動でアップデート内容を適用して頂く必要があります。


【Mochica】を適用したデモショップ(サンプルページ)をご用意しています。
まずはぜひ実際のテーマの機能やデザインをご確認下さい。
デモショップ(サンプルページ)をご用意しています。まずはぜひ実際のテーマの機能やデザインをご確認下さい。
QRコード
Mochicaテーマを適用した
デモショップのQRコード

Mochica 設定方法 / マニュアル [ How To Use ]

BASEデザインテンプレート【Mochica】

Mochicaは様々なカスタマイズを簡単に行うことができます。
BASE管理画面のデザイン編集からテンプレートの編集が可能です。


スマートフォンでショップを閲覧した際にもMochicaのテーマデザインを使用する場合には、
デザイン編集の一番下にある「デフォルトのモバイルテーマを使用」をOFF(グレーの状態)にして下さい。
ONの状態ではBASEのデフォルトテーマが表示されるため、スマートフォンから閲覧した際にはMochicaで設定した内容が反映されませんのでご注意下さい。
初期状態の「デフォルトのモバイルテーマを使用」はON(緑の状態)になっています。

ショップロゴ設定

ロゴは「画像」と「Webフォントによるテキスト」が選択して頂けます。
画像で表示する場合には【ロゴ : 画像を使用する】をONにして画像をアップロードして下さい。
画像はお好みのサイズで構いませんが、推奨サイズは「 横420px × 縦80px 」です。
テキストで表示する場合には【ロゴ : 画像を使用する】をOFFにしてフォント/サイズ/カラーを設定して下さい。
文字数やフォントサイズによって折り返される場合がありますので、実際にPCやスマホでご確認頂きながら調整して下さい。

Webフォントによるテキストでロゴを表示する場合
Webフォント

1.テキストロゴのフォント

ロゴをテキストで表示する場合、Webフォントによりお好みのフォントへ変更することができます。
Webフォントはアルファベットのみ対応しています。

テキストロゴのフォントサイズ

テキストロゴのフォントサイズを変更することができます。 「 24px 」のような形式で入力して下さい。

テキストロゴのカラー

テキストロゴの色を自由に選択することができます。
(基本設定のロゴ「画像を使用する」のON/OFF切り替えボタンの下に、テキストロゴの表記内容や色を変更する項目があります。)

* ロゴは画像を指定して頂くことも可能です。

色の設定

背景

背景色を変更することができます。
画像を指定することも可能です。

2. メインエリアの背景色

メインエリアの背景色を変更することができます。

フッターの背景色

フッターの背景色を変更することができます。

テキストカラー

商品説明等の通常のテキストの色を変更することができます。 (一部のテキスト色はテーマデザインで固定されているため変更できない場合があります。)

リンクカラー / リンクカラー(マウスオーバー)

リンクテキスト色を変更することができます。

「カートに入れる」ボタンカラー

商品ページの「カートに入れる」ボタンの色を変更することができます。

アイコン/ボタンカラー

ナビゲーションの矢印アイコン、ワンポイントアイコン、トップページをスクロールした際の追加商品読み込みボタン(More)などの色を変更することができます。

セール価格カラー

セール価格の色を変更することができます。

販売期間設定カラー

販売期間設定Appsで表示される「COMING SOON」などの色を変更することができます。

見出しタイトル 背景色

ナビゲーションのサイドバーの「Category」等のタイトル、メインエリアの「New Arrival」等のタイトル、商品ページのタイトル等の背景色を変更することができます。

見出しタイトル 下線色

ナビゲーションのサイドバーの「Category」等のタイトル、メインエリアの「New Arrival」等のタイトル、商品ページのタイトル等の下線色を変更することができます。

見出しタイトル テキストカラー

ナビゲーションのサイドバーの「Category」等のタイトル、メインエリアの「New Arrival」等のタイトル、商品ページのタイトル等のテキストカラーを変更することができます。

テイクアウト テキストカラー

テイクアウト商品に関するテキストカラー変更することができます。

抽選販売 テキストカラー

抽選販売に関するテキストカラー変更することができます。

基本設定

スマホ閲覧時の「この商品をアプリで見る」ボタン ON/OFF

BASEアプリとの連携として、商品ページに「この商品をアプリで見る」ボタンを表示することができます。
初期状態ではONになっています。

ナビゲーション/タイトル設定

Homeのリンクテキスト

ナビゲーションのHomeへのリンクテキストを変更することができます。

Aboutのリンクテキスト

ナビゲーションのAboutへのリンクテキストを変更することができます。

Blogのリンクテキスト(Blog Apps)

ナビゲーションのBlogへのリンクテキストを変更することができます。
(Blog Appsをインストールしている場合のみ表示されます。)

Contactのリンクテキスト

ナビゲーションのContactへのリンクテキストを変更することができます。

Categoryのタイトル(カテゴリ管理Apps)

カテゴリのタイトルを変更することができます。
(カテゴリ管理Appsをインストールしている場合にのみ表示されます。)

Informationのタイトル

インフォメーションのタイトルを変更することができます。

トップページ商品一覧のタイトル

トップページの商品一覧タイトルを変更することができます。

関連商品のタイトル

商品ページ下部に表示される関連商品のタイトルを変更することができます。

外部リンク設定

メニュー内に4つまで外部リンクを設定することができます。

外部リンク1のタイトル

外部リンク1のタイトルを設定することができます。

外部リンク1のURL

外部リンク1のURLを設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

外部リンク2のタイトル

外部リンク2のタイトルを設定することができます。

外部リンク2のURL

外部リンク2のURLを設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

外部リンク3のタイトル

外部リンク3のタイトルを設定することができます。

外部リンク3のURL

外部リンク3のURLを設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

外部リンク4のタイトル

外部リンク4のタイトルを設定することができます。

外部リンク4のURL

外部リンク4のURLを設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

ワンポイントアイコン設定

         

3.ワンポイントアイコン ON/OFF

ワンポイントアイコンの表示のON/OFFを切り替えることができます。
初期状態ではONになっています。

アイコンタイプ

お好みのアイコンタイプを選択することができます。

アイコンカラー

上記「アイコン/ボタンカラー 」の項目でワンポイントアイコンのカラーを設定することができます。

イメージスライダー設定

ドラッグ操作/スワイプ操作対応の機能的なレスポンシブスライダーです。
画像は6枚まで設定可能で、商品ページ / カテゴリページ / 検索結果 / 外部サイトなど自由なリンク先を設定することができます。
前後のスライドへの矢印の表示ON/OFF(PC/スマホ)、インジケーター表示ON/OFF(PC)、
左右スライド/フェードインの切り替えなど細かなデザイン調整をすることが可能です。

(スライダー機能を利用せず画像1枚のみをメインイメージとして設定することもできます。)

4.イメージスライダー ON/OFF

イメージスライダーの表示ON/OFFを切り替えることができます。
初期状態ではONになっています。

スライダー フェードイン ON/OFF

ONにするとスライダーの画像フェードインで切り替わります。
(OFFにするとスライダーの画像は左右にスライドして切り替わります。) 初期状態ではOFFになっています。

スライダー 矢印表示(PC) ON/OFF

PC閲覧時のスライダー内に表示されるナビゲーションボタン(←や→のような前後の画像へ移動するボタン)のON/OFFを切り替えることができます。
初期状態ではONになっています。

スライダー 矢印表示(スマホ) ON/OFF

スマホ閲覧時のスライダー内に表示されるナビゲーションボタン(←や→のような前後の画像へ移動するボタン)のON/OFFを切り替えることができます。
初期状態ではOFFになっています。

スライダー インジケーター表示(PC) ON/OFF

PC閲覧時のインジケーター(スライダー下にある●ボタンナビゲーション)のON/OFFを切り替えることができます。
スマホ・タブレット閲覧時には設定に関わらず非表示となります。
初期状態ではONになっています。

スライダー1 画像

(イメージスライダーをONにする場合は必須) スライダーの1枚目の画像をアップロードする事ができます。

スライダー1 リンク先

スライダーの1枚目のリンク先を設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

スライダー2 画像

スライダーの2枚目の画像をアップロードする事ができます。
(2枚目以降の画像がアップロードされていない場合にはスライダー機能がOFFとなり1枚目の画像のみメインイメージとして表示されます。)

スライダー2 リンク先

スライダーの2枚目のリンク先を設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

スライダー3 画像

スライダーの3枚目の画像をアップロードする事ができます。

スライダー3 リンク先

スライダーの3枚目のリンク先を設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

スライダー4 画像

スライダーの4枚目の画像をアップロードする事ができます。

スライダー4 リンク先

スライダーの4枚目のリンク先を設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

スライダー5 画像

スライダーの5枚目の画像をアップロードする事ができます。

スライダー5 リンク先

スライダーの5枚目のリンク先を設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

スライダー6 画像

スライダーの6枚目の画像をアップロードする事ができます。

スライダー6 リンク先

スライダーの6枚目のリンク先を設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

【画像の推奨サイズ】

Mochicaのイメージスライダーは画面サイズに応じてレスポンシブに表示されるため、
Retinaディスプレイを考慮して画像は大きめのものをご用意下さい。
スライダー用画像の推奨サイズは「 横1080px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1080px × 縦480px 」の画像を使用しております。

イメージバナー設定

『イメージバナー』をPC用とスマホ用に各2枚ずつ、
『サイドバナー』を1枚、合計5枚まで画像によるリンクバナーを設定することができます。
各バナーには自由なリンク先を設定することができ、
リンクを設定せずに告知エリアとしても利用することも可能です。

5.イメージバナー1(PC) 画像

イメージバナー1(PC)の画像をアップロードする事ができます。
イメージバナー1(PC)の画像の推奨サイズは「 横840px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1080px × 縦300px 」の画像を使用しております。

イメージバナー1(PC) リンク先

イメージバナー1(PC)のリンク先を設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

イメージバナー2(PC) 画像

イメージバナー2(PC) の画像をアップロードする事ができます。
イメージバナー2(PC) の画像の推奨サイズは「 横840px 」です。縦の高さはお好みのサイズで構いません。

イメージバナー2(PC) リンク先

イメージバナー2(PC)のリンク先を設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

6.イメージバナー1(スマホ) 画像

イメージバナー1(スマホ)の画像をアップロードする事ができます。
イメージバナー1(スマホ)の画像の推奨サイズは「 横840px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1080px × 縦300px 」の画像を使用しております。

イメージバナー1(スマホ) リンク先

イメージバナー1(スマホ)のリンク先を設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

イメージバナー2(スマホ) 画像

イメージバナー2(スマホ) の画像をアップロードする事ができます。
イメージバナー2(スマホ) の画像の推奨サイズは「 横840px 」です。縦の高さはお好みのサイズで構いません。

イメージバナー2(スマホ) リンク先

イメージバナー2(スマホ)のリンク先を設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

7.サイドバナー 画像

サイドバナーの画像をアップロードする事ができます。
サイドバナーの画像の推奨サイズは「 横800px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横800px × 縦400px 」の画像を使用しております。

サイドバナー リンク先

サイドバナーのリンク先を設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

重要なお知らせ設定

8.重要なお知らせ表示 ON/OFF

重要なお知らせ表示のON/OFFを切り替えることができます。
初期状態ではOFFになっています。

重要なお知らせをトップページ以外にも表示 ON/OFF

重要なお知らせの「トップページのみに表示」と「カテゴリページや商品ページにも表示」を切り替えることができます。
ONにすると「トップページ以外(カテゴリページ/検索結果ページ/商品ページ等)」にもお知らせが表示されます。
OFFにすると「トップページのみ」にお知らせが表示されます。
初期状態ではOFF(トップページのみに表示)になっています。

重要なお知らせテキストカラー

お知らせのテキスト色を選択することができます。

重要なお知らせ背景カラー

お知らせの背景色を選択することができます。

重要なお知らせテキスト

お知らせの内容をテキストで入力することができます。

店舗インフォメーション設定

リアル店舗の情報を詳しく表示することができます。
店舗イメージ画像、紹介文章、営業時間・テイクアウト受付時間・住所等の自由な告知欄、電話番号を設定することが可能です。

告知欄の枠線やテキストカラーを設定することもできます。
スマホ閲覧時には電話番号をクリックするだけで発信可能です。

9.【店舗インフォメーション】 ON/OFF

はじめにお読み下さいボタン(README)表示のON/OFFを切り替えることができます。
初期状態ではOFFになっています。

店舗イメージ 画像

店舗の外観や店内の画像をアップロードする事ができます。
店舗イメージの画像の推奨サイズは「 横800px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横800px × 縦800px 」の画像を使用しております。

店舗イメージ縁取り ON/OFF

店舗イメージ画像に写真風の縁取りを付けることができます。
初期状態ではONになっています。

店舗概要 テキスト

店舗イメージ/ロゴの下に店舗概要の文章を表示することができます。
長めの文章でもすっきりと見えるように小さめの文字で表示されます。

告知欄 テキスト

営業時間・テイクアウト受付時間・住所等の自由な内容を表示できます。
テキストエリア内では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についてはサポート対象外となります。
個別の記述方法のご案内等は致しかねますことを予めご了承下さい。

告知欄 電話番号

電話番号をテキストで入力することができます。
スマホ閲覧時には電話番号をクリックするだけで発信可能です。

告知欄 テキストカラー

告知欄のテキストカラーを設定することができます。

告知欄 背景色

告知欄の背景色を設定することができます。

告知欄 枠線色

告知欄の枠の色を設定することができます。

はじめにお読み下さいボタン(README)設定

「はじめにお読み下さい」ボタンを設置することが可能です。
テキスト内容、カラー、リンクを自由に設定することができます。
ブログApps等を利用したページにリンクさせることで、
ショップを利用されるお客様へ「テイクアウト販売のご注文方法」等のご注意を伝えることができます。
(実際の動作サンプルは デモショップ をご確認下さい。)

10.【はじめにお読み下さいボタン(README)】 ON/OFF

はじめにお読み下さいボタン(README)表示のON/OFFを切り替えることができます。
初期状態ではOFFになっています。

READMEをトップページ以外にも表示(PC) ON/OFF

PC閲覧時のREADMEの「トップページのみに表示」と「カテゴリページや商品ページにも表示」を切り替えることができます。
ONにするとPCでは「トップページ以外(カテゴリページ/検索結果ページ/商品ページ等)」にもREADMEボタンが表示されます。
OFFにするとPCでは「トップページのみ」にREADMEが表示されます。
初期状態ではON(トップページ以外にも表示)になっています。

READMEをトップページ以外にも表示(スマホ) ON/OFF

スマホ閲覧時のREADMEの「トップページのみに表示」と「カテゴリページや商品ページにも表示」を切り替えることができます。
ONにするとスマホでは「トップページ以外(カテゴリページ/検索結果ページ/商品ページ等)」にもREADMEボタンが表示されます。
OFFにするとスマホでは「トップページのみ」にREADMEが表示されます。
初期状態ではOFF(トップページのみに表示)になっています。

README テキストカラー

READMEのテキスト色を選択することができます。

README 背景カラー

READMEの背景色を選択することができます。

README テキスト

READMEの内容をテキストで入力することができます。
上の画像サンプルの中では「 はじめにお読み下さい 」の部分に相当します。

README リンク先(ブログ記事等)

READMEのリンク先を入力することができます。
予めブログAppsや外部サイトなどでリンク先の「はじめにお読み下さい」ページを作成して下さい。

ピックアップメニュー設定

商品のカテゴリーや個別のメニューへのリンクをピックアップして表示することができます。
テイクアウト販売を行う際には、メニューのカテゴリーや季節のおすすめ商品などを掲載することでご活用頂けます。

11.【Pickup】 ON/OFF

ピックアップ情報表示のON/OFFを切り替えることができます。
初期状態ではOFFになっています。

Pickupをトップページ以外にも表示(PC) ON/OFF

PC閲覧時のPickupの「トップページのみに表示」と「カテゴリページや商品ページにも表示」を切り替えることができます。
ONにすると「トップページ以外(カテゴリページ/検索結果ページ/商品ページ等)」にもPickupが表示されます。
OFFにすると「トップページのみ」にPickupが表示されます。
初期状態ではOFF(トップページのみに表示)になっています。

Pickupをトップページ以外にも表示(スマホ) ON/OFF

スマホ閲覧時のPickupの「トップページのみに表示」と「カテゴリページや商品ページにも表示」を切り替えることができます。
ONにすると「トップページ以外(カテゴリページ/検索結果ページ/商品ページ等)」にもPickupが表示されます。
OFFにすると「トップページのみ」にPickupが表示されます。
初期状態ではOFF(トップページのみに表示)になっています。

Pickupのタイトル

任意のタイトルに変更することが可能です。

Pickup 1 画像

1件目のピックアップ情報の画像をアップロードすることができます。
画像の表示サイズは画面サイズに応じて自動的に調整されます。
推奨サイズは画像の設定枚数によって異なりますが、なるべく大きなサイズの画像をご用意頂くことをお奨めします。
デザインの仕様上、全ての画像サイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横200px × 縦200px 」の画像を使用しております。

Pickup 1 テキスト

(任意)1件目のピックアップ情報の内容をテキストで入力することができます。

Pickup 1 リンク先

(任意)1件目のピックアップ情報のURLを設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

Pickup 2 画像

2件目のピックアップ情報の画像をアップロードすることができます。
画像の表示サイズは画面サイズに応じて自動的に調整されます。
推奨サイズは画像の設定枚数によって異なりますが、なるべく大きなサイズの画像をご用意頂くことをお奨めします。
デザインの仕様上、全ての画像サイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横200px × 縦200px 」の画像を使用しております。

Pickup2 テキスト

(任意)2件目のピックアップ情報の内容をテキストで入力することができます。

Pickup 2 リンク先

(任意)2件目のピックアップ情報のURLを設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

Pickup 3 画像

3件目のピックアップ情報の画像をアップロードすることができます。
画像の表示サイズは画面サイズに応じて自動的に調整されます。
推奨サイズは画像の設定枚数によって異なりますが、なるべく大きなサイズの画像をご用意頂くことをお奨めします。
デザインの仕様上、全ての画像サイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横200px × 縦200px 」の画像を使用しております。

Pickup 3 テキスト

(任意)3件目のピックアップ情報の内容をテキストで入力することができます。

Pickup 3 リンク先

(任意)3件目のピックアップ情報のURLを設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

Pickup 4 テキスト

4件目のピックアップ情報の画像をアップロードすることができます。
画像の表示サイズは画面サイズに応じて自動的に調整されます。
推奨サイズは画像の設定枚数によって異なりますが、なるべく大きなサイズの画像をご用意頂くことをお奨めします。
デザインの仕様上、全ての画像サイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横200px × 縦200px 」の画像を使用しております。

Pickup 4 内容

(任意)4件目のピックアップ情報の内容をテキストで入力することができます。

Pickup 4 リンク先

(任意)4件目のピックアップ情報のURLを設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

Pickup 5 テキスト

5件目のピックアップ情報の画像をアップロードすることができます。
画像の表示サイズは画面サイズに応じて自動的に調整されます。
推奨サイズは画像の設定枚数によって異なりますが、なるべく大きなサイズの画像をご用意頂くことをお奨めします。
デザインの仕様上、全ての画像サイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横200px × 縦200px 」の画像を使用しております。

Pickup 5 内容

(任意)5件目のピックアップ情報の内容をテキストで入力することができます。

Pickup 5 リンク先

(任意)5件目のピックアップ情報のURLを設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

Pickup 6 画像

6件目のピックアップ情報の画像をアップロードすることができます。
画像の表示サイズは画面サイズに応じて自動的に調整されます。
推奨サイズは画像の設定枚数によって異なりますが、なるべく大きなサイズの画像をご用意頂くことをお奨めします。
デザインの仕様上、全ての画像サイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横200px × 縦200px 」の画像を使用しております。

Pickup 6 テキスト

(任意)6件目のピックアップ情報の内容をテキストで入力することができます。

Pickup 6 リンク先

(任意)6件目のピックアップ情報のURLを設定することができます。
「 https://dolcevivace.com/ 」のような形式でリンク先のURLを入力して下さい。

画像ギャラリー設定

トップページに最大4枚の画像をギャラリーとして表示可能です。
画像はクリックすると拡大してスライド表示されるため、店内メニューの画像等を掲載する際に便利な機能となっています

12.【ギャラリー】 ON/OFF

画像ギャラリー表示のON/OFFを切り替えることができます。
初期状態ではOFFになっています。

Galleryのタイトル

任意のタイトルに変更することが可能です。

Gallery 1 画像

1枚目のギャラリー画像をアップロードすることができます。
画像の表示サイズは画面サイズに応じて自動的に調整されます。
推奨サイズは画像の設定枚数によって異なりますが、サムネイルをクリックした際に拡大される為、
なるべく大きなサイズの画像をご用意頂くことをお奨めします。
デザインの仕様上、全ての画像サイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横2150px × 縦3000px 」の画像を使用しております。

Gallery 1 キャプション

(任意)1枚目のギャラリー画像のキャプションをテキストで入力することができます。

Gallery 2 画像

2枚目のギャラリー画像をアップロードすることができます。
画像の表示サイズは画面サイズに応じて自動的に調整されます。
推奨サイズは画像の設定枚数によって異なりますが、サムネイルをクリックした際に拡大される為、
なるべく大きなサイズの画像をご用意頂くことをお奨めします。
デザインの仕様上、全ての画像サイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横2,150px × 縦3,000px 」の画像を使用しております。

Gallery 2 キャプション

(任意)2枚目のギャラリー画像のキャプションをテキストで入力することができます。

Gallery 3 画像

3枚目のギャラリー画像をアップロードすることができます。
画像の表示サイズは画面サイズに応じて自動的に調整されます。
推奨サイズは画像の設定枚数によって異なりますが、サムネイルをクリックした際に拡大される為、
なるべく大きなサイズの画像をご用意頂くことをお奨めします。
デザインの仕様上、全ての画像サイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横2,150px × 縦3,000px 」の画像を使用しております。

Gallery 3 キャプション

(任意)1枚目のギャラリー画像のキャプションをテキストで入力することができます。

Gallery 4 画像

4枚目のギャラリー画像をアップロードすることができます。
画像の表示サイズは画面サイズに応じて自動的に調整されます。
推奨サイズは画像の設定枚数によって異なりますが、サムネイルをクリックした際に拡大される為、
なるべく大きなサイズの画像をご用意頂くことをお奨めします。
デザインの仕様上、全ての画像サイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横2,150px × 縦3,000px 」の画像を使用しております。

Gallery 4 キャプション

(任意)1枚目のギャラリー画像のキャプションをテキストで入力することができます。

ブログ表示設定

トップページに「ブログApps」で作成した記事を3件まで表示可能です。
「この記事を固定にする」に設定した記事はトップページ上部にも表示されます。

13.【ブログ】トップページに最新記事を表示 ON/OFF

トップページのブログ最新記事の表示ON/OFFを切り替えることができます。
初期状態ではONになっています。

アクセスマップ設定

トップページにGooleマップを埋め込んで表示することが可能です。
店舗住所等の補足情報を記載することもできます。

14.【アクセスマップ】 ON/OFF

Googleマップの表示ON/OFFを切り替えることができます。
初期状態ではOFFになっています。

アクセスマップのタイトル

任意のタイトルに変更することが可能です。

アクセスマップ テキスト

住所や電話番号等の補足情報をテキストで入力することができます。

Googleマップ 埋め込みコード

Googleマップの埋め込みコードを入力することで、自動的にトップページに地図が表示されます。

Googleマップ 埋め込みコードの確認方法

1. Google マップで埋め込みたい地図の場所を表示します。
2. 画面の左上にある『』をクリックします。
3. 「地図を共有または埋め込む」をクリックします。
4. 「地図を埋め込む」のタブを選択して「HTMLをコピー」をクリックします。
5. BASEのデザイン画面にある「Googleマップ 埋め込みコード」のテキストエリアにHTMLをペーストします。

アバウトページ設定

15.アバウトページタイトル下に画像を表示 ON/OFF

アバウトページの上部にお好きな画像を表示することができます。
初期状態ではOFFになっています。
画像を載せる場合にはこの項目をONにした上で画像をアップロードして下さい。

アバウトページ画像

アバウトページに載せる画像をアップロードすることができます。

カスタムショップ情報 - 住所

ショップの所在地を表示することができます。
この項目は各ページ下部のショップ情報にも表示されます。

カスタムショップ情報 - TEL

ショップの電話番号を表示することができます。
この項目は各ページ下部のショップ情報にも表示されます。

カスタムショップ情報 - FAX

ショップのFAX番号を表示することができます。
この項目は各ページ下部のショップ情報にも表示されます。

カスタムショップ情報 - 営業時間

ショップの営業時間を表示することができます。

カスタムショップ情報 - テイクアウト受付時間

ショップの営業時間を表示することができます。

カスタムショップ情報 - 定休日

ショップの定休日を表示することができます。

カスタムショップ情報 - E-Mail

ショップのメールアドレスを表示することができます。
この項目は各ページ下部のショップ情報にも表示されます。

お問合せページ設定

お問合せページに電話番号を表示することができます。
ご予約やお問合せの際、スムーズに電話を受けることが可能です。
スマホ閲覧時には電話番号をクリックするだけで発信可能です。

16.【お問合せページ】お問合せページに電話番号を表示 ON/OFF

お問合せページに電話番号表示することができます。
初期状態ではOFFになっています。

お問合せページ 電話番号

電話番号をテキストで入力することができます。
スマホ閲覧時には電話番号をクリックするだけで発信可能です。

お問合せページ 電話番号の補足情報

営業時間や定休日等の補足情報をテキストで入力することができます。

独自スタイルシート設定

17.独自スタイルシート(CSS)

オリジナルのスタイルシートを記述することができます。

記述例: p { font-size:14px !important;}

独自スタイルシート(CSS)は知識のある上級者向けの設定です。
CSSについてはサポート対象外となります。
CSSの記述方法やclass名のご案内等は致しかねますことを予めご了承下さい。

画像の推奨サイズ

Mochicaをご利用頂く際の登録する画像の推奨サイズは以下の通りです。

【ロゴ画像】
お好みのサイズで構いません。
正方形や縦長のロゴの場合、スマホサイトでは表示が小さくなる場合がありますので横長の画像をお奨めします。
ご参考までに、デモショップでは「 横420px × 縦80px 」の画像を使用しております。

【イメージスライダー】
Mochicaのイメージスライダーは画面サイズに応じてレスポンシブに表示されるため、
Retinaディスプレイを考慮して画像は大きめのものをご用意下さい。
イメージスライダー画像の推奨サイズは「 横1080px 」です。
縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1080px × 縦480px 」の画像を使用しております。

【イメージバナー】
推奨サイズは「 横840px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横1080px × 縦300px 」の画像を使用しております。

【サイドバナー】
推奨サイズは「 横800px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横800px × 縦400px 」の画像を使用しております。

【店舗イメージ】
推奨サイズは「 横800px 」です。縦の高さはお好みのサイズで構いません。
ご参考までに、デモショップでは「 横800px × 縦800px 」の画像を使用しております。

【ピックアップメニュー】
推奨サイズは画像の設定枚数によって異なりますが、なるべく大きなサイズの画像をご用意頂くことをお奨めします。
ご参考までに、デモショップでは「 横200px × 縦200px 」の画像を使用しております。

【画像ギャラリー】
推奨サイズは画像の設定枚数によって異なりますが、サムネイルをクリックした際に拡大される為、
なるべく大きなサイズの画像をご用意頂くことをお奨めします。
ご参考までに、デモショップでは「 横2150px × 縦3000px 」の画像を使用しております。

【アバウトページ画像】
縦長/横長に関わらずお好みのサイズで構いません。
ご参考までに、デモショップでは「 横818px × 縦614px 」の画像を使用しております。

【商品画像】
推奨サイズは「 横1000px × 縦1000px 」です。
ご参考までに、デモショップでは「 横100px × 縦1000px 」の画像を使用しております。

モバイルテーマ設定

スマートフォンでショップを閲覧した際にもMochicaのテーマデザインを使用する場合には、
デザイン編集の一番下にある「デフォルトのモバイルテーマを使用」をOFF(グレーの状態)にして下さい。
ONの状態ではBASEのデフォルトテーマが表示されるため、スマートフォンから閲覧した際にはMochicaで設定した内容が反映されませんのでご注意下さい。
初期状態の「デフォルトのモバイルテーマを使用」はON(緑の状態)になっています。

よくある質問 [ FAQ ]

Mochicaに関するよくあるお問い合わせとその回答です。


  • 有料テーマの利用は初めてなのですが、設定やカスタマイズは私にもできますか?

    カスタマイズは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 」の画像を使用しております。

    【商品画像】
    推奨サイズは「 横1000px × 縦1000px 」です。
    ご参考までに、デモショップでは「 横100px × 縦1000px 」の画像を使用しております。

  • プレビュー画面でデモショップと同じように見えません。(スマホ・タブレットサイトが表示されてしまいます。)

    ご購入前のプレビューやご購入後のカスタマイズ画面のプレビューでは、
    画面左側にカスタマイズ項目のメニュー部分があるためその分だけ実際のショップよりも画面幅が狭く表示されます。

    大きなPCのモニターではプレビュー画面でも通常のPCデザインが表示されますが、ノートパソコンのような小さめのPCをご利用の場合やブラウザを小さく表示している場合などは、PCのデザインではなくタブレット用のデザインが表示される場合があります。
    ブラウザをPCの画面全体にしていない場合には全画面に、ブラウザの左側にお気に入りバー等を出している場合には非表示にすることをお試し下さい。

    PCのサイズ等によってはプレビューでタブレット用のデザインが表示されることもありますが、
    実際のショップではデモショップと同様の見え方となりますのでご安心下さい。

  • Gooleマップを表示したいのですが『埋め込みコード』とは何ですか? / 『埋め込みコード』の取得方法を教えて下さい。

    Googleマップ 埋め込みコードの確認方法

    1. Google マップで埋め込みたい地図の場所を表示します。
    2. 画面の左上にある『』をクリックします。
    3. 「地図を共有または埋め込む」をクリックします。
    4. 「地図を埋め込む」のタブを選択して「HTMLをコピー」をクリックします。
    5. BASEのデザイン画面にある「Googleマップ 埋め込みコード」のテキストエリアにHTMLをペーストします。
  • イメージスライダーやバナー、店舗インフォメーション、ピックアップメニュー等の設定を行ってもサイトに表示されません。

    イメージスライダーやバナー、店舗インフォメーション、ピックアップメニュー等の機能を設定しても表示されない場合は、その項目の表示設定がOFFになっている可能性があります。
    ON/OFFの切替ができる項目についてはOFF(グレーの状態)からON(緑の状態)に切り替わっているかご確認下さい。

    それでも解決しない場合には、すぐ下の「スマホで見るとイメージスライダーやバナー、店舗インフォメーション、ピックアップメニュー等が表示されません。」の項目をご覧下さい。

  • スマホで見るとイメージスライダーやバナー、店舗インフォメーション、ピックアップメニュー等が表示されません。

    「デフォルトのモバイルテーマを使用」がONになっている可能性があります。

    スマートフォンでショップを閲覧した際にもMochicaのテーマデザインを使用する場合には、
    デザイン編集の一番下にある「デフォルトのモバイルテーマを使用」をOFF(グレーの状態)にして下さい。
    ONの状態ではBASEのデフォルトテーマが表示されるため、スマートフォンから閲覧した際にはMochicaで設定した内容が反映されませんのでご注意下さい。
    初期状態の「デフォルトのモバイルテーマを使用」はON(緑の状態)になっています。

  • スマホサイトのデザインがデモショップと違うのですが、どうすればいいですか?

    「デフォルトのモバイルテーマを使用」がONになっている可能性があります。

    スマートフォンでショップを閲覧した際にもMochicaのテーマデザインを使用する場合には、
    デザイン編集の一番下にある「デフォルトのモバイルテーマを使用」をOFF(グレーの状態)にして下さい。
    ONの状態ではBASEのデフォルトテーマが表示されるため、スマートフォンから閲覧した際にはMochicaで設定した内容が反映されませんのでご注意下さい。
    初期状態の「デフォルトのモバイルテーマを使用」はON(緑の状態)になっています。

  • 「デフォルトのモバイルテーマを使用」をOFFにしても設定が反映されません。

    スマートフォンでは通信量を減らすために一度閲覧したサイトをキャッシュに保存して、
    次回以降にサイトを表示する際にはスマホ内に保存されたキャッシュを優先的に読み込むことで表示速度を上げる仕様になっています。

    「デフォルトのモバイルテーマを使用」をOFFにしても設定が反映されない場合、
    デフォルトのモバイルテーマ(ONの状態)のキャッシュがスマホ内に残っている可能性がございますので、
    スマートフォンのブラウザ等のキャッシュを削除した上で、再度ご確認下さい。

  • テーマのアップデートはありますか?

    BASEに新機能が追加された際などには、新機能に合わせたテーマの無料アップデートをさせて頂きます。
    アップデートが行われた際には、ご購入頂いたテーマも自動的に更新されますので安心してご利用頂けます。

    テーマのアップデートはBASEの新機能追加と同時ではなく、多少お時間を頂くことについては予めご了承下さい。
    また、HTML編集Appsを利用されている場合には、編集内容を保護する為に自動では更新されませんので手動でアップデート内容を適用して頂く必要があります。

  • テーマが自動的にアップデートされないのですが、どうすればいいですか?

    通常、アップデートが行われた際にはご購入頂いたテーマも自動的に更新されますが、
    HTML編集Appsを利用している場合には、編集内容を保護する為に自動では更新されません。
    その際には手動でアップデート内容を適用して頂く必要があります。

    HTML編集Appsを利用してテーマを改造している場合には、現在選択されているテーマが「カスタムテーマ」となっています。
    これはご購入頂いたテーマを元にしたオリジナルの別のテーマとして保存されているためです。
    「Mochica」テーマを選択して頂くことでアップデートが適用された最新の状態のテーマとなりますので、
    改めてHTML編集Appsを利用してオリジナルの改造/編集を行って下さい。

  • 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側のサーバーに一時的な問題が生じている可能性がありますので、
    お手数ですがしばらく時間をおいてから再度お試し下さい。

  • テイクアウト販売の方法を教えて下さい。(テイクアウト Appsの使い方がわかりません。)

    テイクアウト App 」 をインストールすることで、あなたのショップでテイクアウトの事前注文/決済を行うことができます。

    テイクアウト Appsのインストール方法や操作方法はBASEへ直接お問い合わせ下さい。

ご購入 [ Preview and Purchase ]

BASE専用テーマ【 Mochica 】はBASEデザインマーケットにてご購入頂けます。

お問い合わせ [ Contact ]

【 Mochica 】に関するお問い合わせは下記のメールフォームよりお問い合わせ下さい。
テーマの設定方法等については「設定方法 / マニュアル」や「よくある質問」をご覧下さい。

お問い合わせへの対応は通常2営業日以内に行っております。
場合によってはお時間を頂く場合があります事を予めご了承下さい。

デザインテーマ一覧 [ Design Themes ]

Dolce & Vivaceでは素敵なBASEショップ専用デザインテーマを取り扱っています。

有料カスタマイズオプション [ Customize Service ]

テーマはご購入頂いた状態でも多彩なカスタマイズ機能を備えていますが、
さらにオリジナルのカスタマイズをご希望の方は「BASEテーマの有料カスタマイズサービス」をご検討下さい。

カスタマイズ対応は Dolce & Vivace のテーマのみを対象とさせて頂いております。
(BASEデザインマーケット内の他社様が販売しているテーマについてはカスタマイズ依頼をお受けすることは致しかねます。)

BASEテーマ有料カスタマイズサービス