デモショップ[ Demoshop ]


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

Paradisの特徴[ Overview ]

今までにない最新のデザインに柔軟なカスタマイズオプションを搭載

各種バナー / ホットワード / 新着情報 / ピックアップ / スライダー etc...
『本当に売れているオンラインショップ』の機能をぎゅっと詰め込みました。
多彩な商品を扱うショップ様に最適なプレミアムデザインテーマです。

デザイン

デザインマーケット最大級の多彩なカスタマイズ機能

各種のバナーで多数の商品を効果的にアピールすることができます。
ピックアップ / 新着情報 / ホットワード / 重要なお知らせ等の便利な機能も充実しています。
全てのオリジナルカスタマイズ機能はON/OFFが切替可能なため、
好みに応じて必要な機能のみ利用することができます。
(少し下へスクロールして頂くと、各カスタマイズ機能を個別にご説明しています。)


多彩なカスタマイズ機能

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

スマートフォンにも最適化されたレスポンシブ対応。
スマホサイトでは商品の情報や購入ボタン等の位置が自動的に調整されるなど、
ビジュアルだけでなく「ショップとしての機能性」にも配慮しています。

レスポンシブデザイン

好みで選べるデザインレイアウト

各種機能は「トップページのみに表示」と「カテゴリページや商品ページにも表示」を選択することができます。
欲しい機能をON/OFFにするだけでなく、サイト全体をショップのイメージに合わせた構成にすることが可能です。
(下記の画像は商品ページのサンプル画像です。)

レイアウト

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

ドラッグ操作/スワイプ操作対応の機能的なレスポンシブスライダーです。
画像は4枚まで設定可能で、商品ページ / カテゴリページ / 検索結果 / 外部サイトなど自由なリンク先を設定することができます。
(「トップページのみに表示」と「カテゴリページや商品ページにも表示」を選択することができます。)

レスポンシブスライダー

イメージバナー

画像によるリンクバナーを4つまで設定することができます。
各バナーには自由なリンク先を設定することができ、リンクを設定せずに告知エリアとしても利用することも可能です。
(「トップページのみに表示」と「カテゴリページや商品ページにも表示」を選択することができます。)

イメージバナー
イメージバナー

タブバナー

タブバナーは画面をスクロールしても常にサイト右部分に固定表示され、
マウスを乗せるとスライドして展開表示される機能的なリンクバナーです。
タブバナーは2つまで設定可能で、表示位置やスライド幅も個別に設定することができます。
(PC閲覧時に全てのページで表示されます。)

スカイスクレイパーイメージ

スカイスクレイパーイメージ

スカイスクレイパーイメージはサイト左部分の縦幅いっぱいに表示されます。
画像が自動的に縦方向に繰り返して表示されるため、画面をスクロールしても常に見える位置に配置されます。
画像をスクロールさせずに固定表示させることも可能で、キャンペーン情報等の告知に最適です。
(PC閲覧時に全てのページで表示されます。)

スカイスクレイパーイメージ

ホットワード

検索ボックスの横に「検索結果ページへのリンク付きのキーワード」を9つまで表示することができます。
人気ブランドやおすすめカテゴリ等を効果的にアピールすることができ、お客様の潜在的なニーズを引き出すことが可能です。
(「PCサイトでのみ表示」と「PC/スマホサイトで表示」を選択することができます。)

ホットワード

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

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

ワンポイントアイコンs

便利な送料表示

ショップ運営に便利な「送料表示」は2種類の位置から選んで配置することができます。
メニューの文字数やホットワードの数などに応じてご都合のよい位置を選択して頂けます。
カラーやテキスト内容は自由に設定できるので、ショップイメージに合った送料表示をして頂けます。
もちろん送料表示をOFFにすることも可能です。

送料表示

ニュース/新着情報表示

新着情報を3件まで表示してテキストやリンクを設定することができます。
日付の代わりにタイトルに「人気No.1」などのテキストを入れて
商品へリンクさせることでランキングのように利用することも可能です。
新着情報表示が不要な場合はOFFにすることができます。

新着情報表示

ピックアップ表示

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

ピックアップ表示

重要なお知らせの表示

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

重要なお知らせ

モーダルポップアップ

ショップのトップページを開いた際にポップアップ画像(モーダルポップアップ)を表示する事ができます。
キャンペーン/セール/イベント等の告知に便利な機能となっており、自由なリンク先を設定して頂けます。
モーダルポップアップは「毎回表示」と「6時間後に再度表示」が選択可能です。

モーダルウィンドウ

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

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

Webフォント

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

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

カラーカスタマイズ

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

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

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

ナビゲーション

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

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

アバウトページ

ユーザー目線の商品検索

トップメニュー / サイドバー / スマホメニュー
お客様の購入機会を逃さないよう必要な場所にしっかりと検索エリアを設けています。
(商品検索Appsのインストールが必要です。)

検索

レビュー機能にも対応

BASE Appsのレビュー機能(無料)に対応しています。

レビュー機能

BASEアプリとの連携

商品ページに「この商品をアプリで見る」ボタンを表示することができます。
BASEアプリと連携することでショップのフォロワーを増やすことで、
プッシュ通知などで継続的にお客様へアプローチすることが可能です。
BASEアプリではショップが自らファンを作り、商品情報をより多くのファンに発信して購入してもらう仕組みを提供しています。


「この商品をアプリで見る」ボタンは非表示にすることもできます。

BASEアプリ

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

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

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

簡単カスタマイズ

各種BASE Appsに対応

セール / レビュー / ブログ / ラベルをはじめとした全てのBASE Appsに対応しています*1
HTML編集Appsにも対応しており、Paradisを改造した独自のショップデザインを構築することも可能です。
HTML編集Appsの操作方法や改造方法についてはサポート対象外となります。
*1 例外として「ページ追加 Apps」はオフィシャルテーマのみが対象のAppsとなっているためご利用頂けません。

安心の無料アップデート

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


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

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

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

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


色の設定

背景色

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

メインエリア背景色

メインエリア(画面中央のコンテンツエリア)の背景色を変更することができます。

フッターの背景色

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

テキストカラー

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

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

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

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

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

アイコン/ボタンカラー

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

セール価格カラー

セールAppsを利用した際のセール価格や、商品在庫がない場合の「SOLD OUT」のテキスト色を変更することができます。

販売期間設定カラー

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

見出しタイトル 背景色

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

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

ナビゲーションのサイドバーの「Category」等のタイトル、メインエリアの「News」等のタイトル、商品ページのタイトル等のテキストカラーを変更することができます。
PC閲覧時のサイト上部にはカテゴリメニューが表示されます。
カテゴリ管理Apps(無料)のインストールが必要です。
「大カテゴリ」が1階層目に表示され、「中カテゴリ」がドロップダウンで表示されます。
「小カテゴリ」は中カテゴリページの絞込みリンクとして表示されます。

見出しタイトル 背景色

カテゴリメニューの背景色を変更することができます。

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

カテゴリメニューのテキストカラーを変更することができます。

見出しタイトル 背景色(マウスオーバー)

マウスを乗せた時のカテゴリメニューの背景色を変更することができます。

見出しタイトル テキストカラー(マウスオーバー)

マウスを乗せた時のカテゴリメニューのテキストカラーを変更することができます。

カテゴリメニュー 1行のメニュー数(大カテゴリの数)

カテゴリメニューは画面サイズに応じてレスポンシブに表示されます。
各メニューの幅を自動調整するために、作成した「大カテゴリの数」を入力して下さい。
初期状態では「 7 」に設定されていますのでショップの大カテゴリの数に合わせて変更して下さい。

例として、下記のようにカテゴリを作成している場合には大カテゴリが3つあるので「 3 」と入力します。

検索ボックス 背景色

検索ボックスエリアの背景色を変更することができます。

基本設定

1.商品アイテムに1行の「商品説明」を表示 ON/OFF

商品サムネイルの「商品説明」の表示を切り替えることができます。
商品説明は自動的に1行分のみ表示されます。
初期状態ではONになっています。

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

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

サイドバーにも検索ボックスを表示 ON/OFF

この項目をONにすると「上部メニューとサイドバー」に検索ボックスが表示されます。
OFFにした場合には「上部メニューのみ」に検索ボックスが表示されます。
(この設定はPC閲覧時のみ有効となります。スマホ閲覧時にはサイドバー自体が表示されません。)
初期状態ではOFFになっています。

「スライダーやバナーをトップページ以外にも表示」がOFFの場合、下層ページではサイドバーが上部メニューのすぐ下に位置します。
その際にサイドバーに検索ボックスが表示されると上部メニューの検索ボックスと隣接して表示されて見栄えがよくない為、
「サイドバーにも検索ボックスを表示」をONにしても下層ページのサイドバーに検索ボックスは表示されません。

スマホメニューに中カテゴリを表示 ON/OFF

この項目をONにするとスマホ閲覧時のスワイプメニュー(スライドメニュー)内に「大カテゴリ」と「中カテゴリ」が表示されます。
OFFにした場合には「大カテゴリ」のみ表示されます。
初期状態ではONになっています。

スライダーやバナーをトップページ以外にも表示 ON/OFF

トップページ以外(カテゴリページ/検索結果ページ/商品ページ等)でのスライダーやバナーの表示のON/OFFを設定できます。
初期状態ではOFF(トップページのみに表示)になっています。

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

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

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

アイコンタイプ

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

アイコンカラー

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

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

3.Homeのリンクテキスト

ナビゲーションのHomeへのリンクテキストを変更することができます。
上記サンプル画像では「 トップページ 」の部分に相当します。

Aboutのリンクテキスト

ナビゲーションのAboutへのリンクテキストを変更することができます。
上記サンプル画像では「 ショップ情報 」の部分に相当します。

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

ナビゲーションのBlogへのリンクテキストを変更することができます。
(Blog Appsをインストールしている場合のみ表示されます。)
上記サンプル画像では「 ブログ 」の部分に相当します。

Contactのリンクテキスト

ナビゲーションのContactへのリンクテキストを変更することができます。
上記サンプル画像では「 お問い合わせ 」の部分に相当します。

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

カテゴリのタイトルを変更することができます。
(カテゴリ管理Appsをインストールしている場合にのみ表示されます。)
上記サンプル画像では「 Category 」の部分に相当します。

Informationのタイトル

インフォメーションのタイトルを変更することができます。
上記サンプル画像では「 Information 」の部分に相当します。

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

トップページの商品一覧タイトルを変更することができます。
上記サンプル画像では「 New Arrival 」の部分に相当します。

外部リンク設定

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

外部リンク1のタイトル

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

外部リンク1のURL

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

外部リンク2のタイトル

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

外部リンク2のURL

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

ショップロゴ設定

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

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

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

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

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

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

テキストロゴのカラー

テキストロゴの色を自由に選択することができます。

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

イメージスライダー設定

ドラッグ操作/スワイプ操作対応の機能的なレスポンシブスライダーです。
スライダー画像は4枚まで設定可能です。
各画像には商品ページ / カテゴリページ / 検索結果 / 外部サイトなど自由なリンク先を設定することができます。

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

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

スライダーナビゲーションボタン表示 ON/OFF

スライダー内に表示されるナビゲーションボタン(←や→のような前後の画像へ移動するボタン)のON/OFFを切り替えることができます。
初期状態ではONになっています。
【画像の推奨サイズ】
Paradisのイメージスライダーは画面サイズに応じてレスポンシブに表示されるため、Retinaディスプレイを考慮して画像は大きめのものをご用意下さい。
スライダー用画像の推奨サイズは「 横1155px × 縦450px 」です。

スライダー1 画像

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

スライダー1 リンク先

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

スライダー2 画像

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

スライダー2 リンク先

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

スライダー3 画像

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

スライダー3 リンク先

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

スライダー4 画像

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

スライダー4 リンク先

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

イメージバナー設定

画像によるリンクバナーを4つまで設定することができます。
各バナーには自由なリンク先を設定することができ、リンクを設定せずに告知エリアとしても利用することも可能です。
デザイン上、PC閲覧時とスマホ閲覧時では自動的にバナーの表示位置が調整されます。

6.バナー1 画像

(デザイン上、イメージスライダーをONにする場合はバナー1を設定することを推奨します。)
バナー1の画像をアップロードする事ができます。
バナー1の画像の推奨サイズは「 横840px × 縦840px 」です。

バナー1 リンク先

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

バナー2 画像

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

バナー2 リンク先

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

バナー3 画像

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

バナー3 リンク先

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

バナー4 画像

(デザイン上、イメージスライダーをONにする場合はバナー4を設定することを推奨します。)
バナー4の画像をアップロードする事ができます。
バナー4の画像の推奨サイズは「 横840px × 縦840px 」です。

バナー4 リンク先

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

タブバナー設定

タブバナーは画面をスクロールしても常にサイト右部分に固定表示され、
マウスを乗せるとスライドして展開表示される機能的なリンクバナーです。
(PC閲覧時に全てのページで表示されます。スマホ閲覧時には表示されません。)

7.タブバナー1 ON/OFF

タブバナー1の表示ON/OFFを切り替えることができます。
初期状態ではOFFになっています。

タブバナー1 画像

バナー1の画像をアップロードする事ができます。
タブバナーの画像サイズは縦長/横長に関わらずお好みのサイズで構いません。
設定する画像サイズに応じて「トップからの位置」と「スライド幅」をお好みに調整して下さい。
ご参考までに、デモショップでは「 横150px × 縦250px 」の画像を使用しております。

タブバナー1 URL

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

タブバナー1 トップからの位置

タブバナー1の画像の画面上部からの位置を設定することができます。
「 100px 」のような形式で入力して下さい。
ご参考までに、デモショップでは「 100px 」に設定しております。

タブバナー1 スライド幅

タブバナー1にマウスを乗せてスライド展開した際のスライド幅を設定することができます。
「 70px 」のような形式で入力して下さい。
バナーの横幅よりスライド幅を大きく設定するとバナー全体が隠れてしまうため、バナーの横幅より小さく設定して下さい。
ご参考までに、デモショップでは「 70px 」に設定しております。

タブバナー2 ON/OFF

タブバナー2の表示ON/OFFを切り替えることができます。
初期状態ではOFFになっています。

タブバナー2 画像

バナー2の画像をアップロードする事ができます。
タブバナーの画像サイズは縦長/横長に関わらずお好みのサイズで構いません。
設定する画像サイズに応じて「トップからの位置」と「スライド幅」をお好みに調整して下さい。
ご参考までに、デモショップでは「 横150px × 縦250px 」の画像を使用しております。

タブバナー2 URL

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

タブバナー2 トップからの位置

タブバナー2の画像の画面上部からの位置を設定することができます。
「 360px 」のような形式で入力して下さい。
「タブバナー1の高さ」+「 タブバナー1 トップからの位置」よりも小さい数字を設定するとタブバナー1とタブバナー2が重なって表示されてしまうため、
上記よりも大きな数字を設定して下さい。

ご参考までに、デモショップでは「 360px 」に設定しております。

タブバナー2 スライド幅

タブバナー2にマウスを乗せてスライド展開した際のスライド幅を設定することができます。
「 70px 」のような形式で入力して下さい。
バナーの横幅よりスライド幅を大きく設定するとバナー全体が隠れてしまうため、バナーの横幅より小さく設定して下さい。
ご参考までに、デモショップでは「 70px 」に設定しております。

スカイスクレイパーイメージ

スカイスクレイパーイメージは画像が自動的に縦方向に繰り返して表示されることでサイト左部分の縦幅いっぱいに表示されます。
画面をスクロールしても常に見える位置に配置されるのでキャンペーン情報等の告知に最適です。
(PC閲覧時に全てのページで表示されます。スマホ閲覧時には表示されません。)

8.スカイスクレイパーイメージ ON/OFF

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

スカイスクレイパーイメージ 画像

スカイスクレイパーイメージの画像をアップロードする事ができます。
画像の推奨サイズは「 横80px 」です。縦の高さはお好みのサイズで構いません。
設定した画像は自動的に縦方向に繰り返して表示されます。
ご参考までに、デモショップでは「 横80px × 縦783px 」の画像を使用しております。

スカイスクレイパーイメージをスクロールさせる ON/OFF

スカイスクレイパーイメージを画面のスクロールと共にスクロールさせる(ON)と、画面のスクロールに関わらず固定表示させる(OFF)を切り替えることができます。
初期状態ではON(スクロールさせる)になっています。

送料表示設定

9.送料表示 ON/OFF

サイト上部に表示される「送料表示」のON/OFFを切り替えることができます。
初期状態ではOFFになっています。

送料表示の位置A or B

送料表示の表示位置を「 A (ボタンがグレーの状態) 」または「 B (ボタンが緑の状態) 」に切り替えることができます。
初期状態では「 A 」になっています。

送料表示のカラー

送料テキストの色を変更することができます。
上の画像サンプルの中では「 全国送料無料 」の部分に相当します。

条件テキスト

条件をテキストで自由に設定することができます。
上の画像サンプルの中では「 5,400円以上のご購入で 」の部分に相当します。

送料テキスト

送料をテキストで自由に設定することができます。
上の画像サンプルの中では「 全国送料無料 」の部分に相当します。

重要なお知らせ設定

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

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

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

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

重要なお知らせテキスト

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

重要なお知らせカラー

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

ピックアップ表示設定

11.Pickup ON/OFF

ピックアップ情報表示のON/OFFを切り替えることができます。
初期状態ではOFFになっています。
ピックアップ情報は1~6件まで設定が可能ですが、デザインの仕様上、ピックアップ表示をご利用になる場合には6件設定することをお奨めします。

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

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

Pickupのタイトル

ピックアップ情報のタイトルを設定することができます。
上記サンプル画像では「 Pick Up 」の部分に相当します。

Pickup 1 画像

1件目のピックアップ情報の画像をアップロードすることができます。
画像の表示サイズは画面サイズに応じて自動的に調整されます。
アップロードする画像サイズ(縦横の比率)はお好みのもので構いませんが、デザインの仕様上、6件全て画像のサイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横390px × 縦160px 」の画像を使用しております。

Pickup 1 内容

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

Pickup 1 リンク先

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

Pickup 2 画像

2件目のピックアップ情報の画像をアップロードすることができます。
画像の表示サイズは画面サイズに応じて自動的に調整されます。
アップロードする画像サイズ(縦横の比率)はお好みのもので構いませんが、デザインの仕様上、6件全て画像のサイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横390px × 縦160px 」の画像を使用しております。

Pickup2 内容

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

Pickup 2 リンク先

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

Pickup 3 画像

3件目のピックアップ情報の画像をアップロードすることができます。
画像の表示サイズは画面サイズに応じて自動的に調整されます。
アップロードする画像サイズ(縦横の比率)はお好みのもので構いませんが、デザインの仕様上、6件全て画像のサイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横390px × 縦160px 」の画像を使用しております。

Pickup 3 内容

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

Pickup 3 リンク先

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

Pickup 4 画像

4件目のピックアップ情報の画像をアップロードすることができます。
画像の表示サイズは画面サイズに応じて自動的に調整されます。
アップロードする画像サイズ(縦横の比率)はお好みのもので構いませんが、デザインの仕様上、6件全て画像のサイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横390px × 縦160px 」の画像を使用しております。

Pickup 4 内容

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

Pickup 4 リンク先

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

Pickup 5 画像

5件目のピックアップ情報の画像をアップロードすることができます。
画像の表示サイズは画面サイズに応じて自動的に調整されます。
アップロードする画像サイズ(縦横の比率)はお好みのもので構いませんが、デザインの仕様上、6件全て画像のサイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横390px × 縦160px 」の画像を使用しております。

Pickup 5 内容

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

Pickup 5 リンク先

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

Pickup 6 画像

6件目のピックアップ情報の画像をアップロードすることができます。
画像の表示サイズは画面サイズに応じて自動的に調整されます。
アップロードする画像サイズ(縦横の比率)はお好みのもので構いませんが、デザインの仕様上、6件全て画像のサイズを合わせることをお奨めします。
ご参考までに、デモショップでは「 横390px × 縦160px 」の画像を使用しております。

Pickup 6 内容

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

Pickup 6 リンク先

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

新着情報設定

12.新着情報表示 ON/OFF

新着情報表示(3件まで設定可能)のON/OFFを切り替えることができます。
初期状態ではOFFになっています。

新着情報 1 日付/タイトル

(新着情報表示をONにする場合は必須)1件目の新着情報の日付/タイトルをテキストで入力することができます。
ニュース機能として利用する場合には「2017/01/01」や「7月10日」などのように設定して下さい。
ランキング機能として利用する場合には「人気No.1」などのように設定して下さい。

新着情報 1 内容

(新着情報表示をONにする場合は必須)1件目の新着情報の内容をテキストで入力することができます。

新着情報 1 リンク先

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

新着情報 2 日付/タイトル

(任意)2件目の新着情報の日付/タイトルをテキストで入力することができます。
ニュース機能として利用する場合には「2017/01/01」や「7月10日」などのように設定して下さい。
ランキング機能として利用する場合には「人気No.1」などのように設定して下さい。

新着情報 2 内容

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

新着情報 2 リンク先

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

新着情報 3 日付/タイトル

(任意)3件目の新着情報の日付/タイトルをテキストで入力することができます。
ニュース機能として利用する場合には「2017/01/01」や「7月10日」などのように設定して下さい。
ランキング機能として利用する場合には「人気No.1」などのように設定して下さい。

新着情報 3 内容

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

新着情報 3 リンク先

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

ホットワード設定

検索ボックスの横に「検索結果ページへのリンク付きのキーワード」を9つまで表示することができます。
人気ブランドやおすすめカテゴリ等を効果的にアピールすることができ、お客様の潜在的なニーズを引き出すことが可能です。
(「PCサイトでのみ表示」と「PC/スマホサイトで表示」を選択することができます。)

13.ホットワード ON/OFF

ホットワードの表示ON/OFFを切り替えることができます。
ホットワードを表示するためにはBASEの商品検索Apps(無料)のインストールが必要です。
初期状態ではOFFになっています。

スマホ閲覧時にもホットワードを表示 ON/OFF

スマホサイトでのホットワードの表示ON/OFFを切り替えることができます。
初期状態ではOFFになっています。

ホットワード タイトル

ホットワードのタイトルを設定することができます。
上記サンプル画像では「 注目のキーワード: 」の部分に相当します。

ホットワード1 テキスト ~ ホットワード9 テキスト

ホットワードを9つまで登録することができます。
設定したホットワードは自動的に「検索結果ページへのリンク付きのキーワード」として表示されます。

アバウトページ設定

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

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

アバウトページ画像

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

アバウトページ画像下の見出しテキスト

アバウトページの「画像」の下に見出しテキストを入れることができます。
(見出しテキストの下には、BASE管理画面の「設定」→「ショップ設定」の「ショップ情報」タブにある「ショップの説明」に設定したテキストが表示されます。)

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

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

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

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

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

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

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

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

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

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

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

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

コミュニティページ設定

15.コミュニティページ ヘッダー画像

コミュニティAppsをインストールしている場合、コミュニティページのヘッダー画像を設定することができます。

コミュニティページ タイトル

コミュニティページのタイトルを設定することができます。

モーダルポップアップ設定

16.モーダルポップアップ 表示ON/OFF

ショップのトップページを開いた際にポップアップ画像(モーダルポップアップ)を表示する事ができます。
初期状態ではOFFになっています。

モーダルポップアップを毎回表示する ON/OF

モーダルポップアップは「毎回表示」と「6時間後に再度表示」が選択可能です。
ONにすると「毎回表示」、OFFにすると「6時間後に再度表示」されます。
初期状態ではON(毎回表示)になっています。
(誤ってトップページ以外に遷移してすぐ戻ってきたような場合にも毎回ポップアップが表示されることは望ましくない為、
ON(毎回表示)にした場合でも10秒以内の再訪問の際にはポップアップは表示されません。)

「6時間後に再度表示」とは
一度ポップアップを見た訪問者(ショップのお客様)に対しては、
その後6時間経過するまでは再度トップページを閲覧した際にもポップアップを表示させないという設定です。
「その端末においての初回閲覧時から6時間」という意味となりますので、
他の端末や他のお客様に対してはその間も通常通りポップアップが表示されます。

【モーダルポップアップが表示されない場合】
「モーダルポップアップを毎回表示する」がOFF(6時間後に再度表示)の状態でショップを閲覧した場合、
その後ON(毎回表示)にした場合でも初回閲覧時から6時間経過するまでポップアップは再表示されません。
他の端末や一般のショップのお客様からは毎回表示される状態に切り替わっていますのでご安心下さい。
「モーダルポップアップを毎回表示する」をOFFからONに切り替えた際にポップアップが表示されない場合には、
他の端末やブラウザでご確認頂くか、6時間経過後に改めて正常に設定が反映されているかご確認下さい。

モーダルポップアップ 画像

モーダルポップアップに表示する画像をアップロードすることができます。

モーダルポップアップ リンク先

モーダルポップアップのリンク先を入力することができます。
商品ページ、カテゴリページ、イベント情報を掲載したブログページなど、自由なリンク先を設定して頂けます。

メールマガジンApp設定

「メールマガジン App」をインストールしている場合、フッターに登録フォームが自動的に表示されます。
「メールマガジン App」のインストール方法や操作方法についてはBASEへ直接お問い合わせ下さい。

17.【メールマガジンApp】登録フォーム タイトル

メールマガジン登録フォームのタイトルを変更することができます。
初期状態では「メールマガジンを受け取る」となっています。

登録フォーム テキスト

メールマガジン登録フォームの説明や案内の文章を設定することができます。

独自スタイルシート設定

【上級者向け】独自スタイルシート(CSS)

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

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

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

画像の推奨サイズ

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

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

【イメージスライダー】
Paradisのイメージスライダーは画面サイズに応じてレスポンシブに表示されるため、
Retinaディスプレイを考慮して画像は大きめのものをご用意下さい。
イメージスライダー画像の推奨サイズは「 横1155px × 縦450px 」です。

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

【タブバナー】
縦長/横長に関わらずお好みのサイズで構いません。
ご参考までに、デモショップでは「 横150px × 縦250px 」の画像を使用しております。
設定する画像サイズに応じて「トップからの位置」と「スライド幅」を調整して下さい。

【スカイスクレイパーイメージ】
画像の推奨サイズは「 横80px 」です。縦の高さはお好みのサイズで構いません。
設定した画像は自動的に縦方向に繰り返して表示されます。
ご参考までに、デモショップでは「 横80px × 縦783px 」の画像を使用しております。

【Pickup】
縦長/横長に関わらずお好みのサイズで構いません。
但しデザインの仕様上、Pickupに設定する画像は全て同じサイズにすることをお勧め致します。
ご参考までに、デモショップでは「 横390px × 縦160px 」の画像を使用しております。

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

【モーダルポップアップ画像】
推奨サイズは「 横800px × 縦800px 」です。
PC閲覧時には「 横400px × 縦400px 」で表示されます。

【商品画像】
推奨サイズは「 横640px × 縦640px 」です。
上記以外のサイズの商品画像をご利用頂くこともできますが、その場合でも全ての商品の1枚目の画像は同じサイズのものを設定して下さい。
サイズの異なる商品画像がある場合には、商品一覧のデザインが崩れる可能性があります。
ご参考までに、デモショップでは「 横900px × 縦540px 」の画像を使用しております。


よくある質問 [ FAQ ]

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


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

    カスタマイズはBASE管理画面上で簡単に操作できます。
    自由にカスタマイズして頂けるようにたくさんの設定項目をご用意しておりますが、
    どれも「ON/OFFを切り替える」「テキストを入れる」「色を選ぶ」「画像選ぶ」などの簡単な設定になっています。
    どなたでも簡単にオリジナルのショップデザインにして頂けます。

    詳しくは「設定方法 / マニュアル」をご覧下さい。

    簡単カスタマイズ
  • 本当にデモショップのようなデザインになるのですか?

    はい。 デモショップ は実際にBASEで開設したショップにParadisテーマを適用した上で、
    BASE管理画面の「デザイン編集」で画像やテキストの設定をしただけのものとなっています。

    もちろん写真や商品画像はご自身でご用意頂く必要がありますが、 「ON/OFFを切り替える」「テキストを入れる」「色を選ぶ」「画像選ぶ」などの簡単な設定をするだけで、 どなたでも簡単にデモショップのようなオリジナルのデザインにして頂けます。

  • 設定する画像の推奨サイズを教えて下さい。

    画像の推奨サイズは以下の通りです。

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

    【イメージスライダー】
    Paradisのイメージスライダーは画面サイズに応じてレスポンシブに表示されるため、
    Retinaディスプレイを考慮して画像は大きめのものをご用意下さい。
    イメージスライダー画像の推奨サイズは「 横1155px × 縦450px 」です。

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

    【タブバナー】
    縦長/横長に関わらずお好みのサイズで構いません。
    ご参考までに、デモショップでは「 横150px × 縦250px 」の画像を使用しております。
    設定する画像サイズに応じて「トップからの位置」と「スライド幅」を調整して下さい。

    【スカイスクレイパーイメージ】
    画像の推奨サイズは「 横80px 」です。縦の高さはお好みのサイズで構いません。
    設定した画像は自動的に縦方向に繰り返して表示されます。
    ご参考までに、デモショップでは「 横80px × 縦783px 」の画像を使用しております。

    【Pickup】
    縦長/横長に関わらずお好みのサイズで構いません。
    但しデザインの仕様上、Pickupに設定する画像は全て同じサイズにすることをお勧め致します。
    ご参考までに、デモショップでは「 横390px × 縦160px 」の画像を使用しております。

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

    【モーダルポップアップ画像】
    推奨サイズは「 横800px × 縦800px 」です。
    PC閲覧時には「 横400px × 縦400px 」で表示されます。

    【商品画像】
    推奨サイズは「 横640px × 縦640px 」です。
    上記以外のサイズの商品画像をご利用頂くこともできますが、その場合でも全ての商品の1枚目の画像は同じサイズのものを設定して下さい。
    サイズの異なる商品画像がある場合には、商品一覧のデザインが崩れる可能性があります。
    ご参考までに、デモショップでは「 横900px × 縦540px 」の画像を使用しております。

  • 対応している「BAES Apps」を教えて下さい。

    Paradisは「ページ追加 Apps」を除く全てのBASE Appsに対応しています。
    「ページ追加 Apps」は無料テーマのみが対象のAppsとなっているため、Paradisをはじめとした有料テーマではご利用頂くことができません。

    ページ追加 Apps
    「ページ追加 App」は、最新のショップデザイン機能利用時の、オフィシャルテーマのみが対象です。
    BASEデザインマーケットで販売しているデザイナーズテーマ、および「HTML編集 App」で作成されたカスタムテーマには、現在対応しておりません。

    「ページ追加 Apps」以外のBASE Appsは全て利用可能となっておりますのでご安心下さい。

    ▼ BASE Apps 一覧
    https://apps.thebase.in/
    ※各種BASE Appsのインストール方法や操作方法についてはBASEへ直接お問い合わせ下さい。


    「ページ追加 App」を使わずにページを追加するための代替方法については、すぐ下の「ページを追加したいのですがどうすればいいですか?」をご覧下さい。

  • ページを追加したいのですがどうすればいいですか?

    BASEには「FAQ」や「お買い物ガイド」などの自由な内容のページを作成するための「ページ追加 Apps」があります。
    しかしながら、「ページ追加 Apps」は無料テーマのみが対象のAppsとなっているため、 Paradisをはじめとした有料テーマではご利用頂くことができません。

    そこで、自由な内容のページを追加するための代替案と致しまして「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へ直接お問い合わせ下さい。

  • イメージスライダーやバナー、新着情報、ピックアップ等の設定を行ってもサイトに表示されません。

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

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

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

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

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

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

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

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

  • HTML編集Appsを利用して購入したテーマを改造することはできますか?

    可能です。
    ご購入頂いたテーマをBASE管理画面の「デザイン」で適用した状態にてHTML編集Appsを利用することで、
    Paradisを元にしたオリジナルのショップデザインを構築して頂くことが可能です。
    HTML編集Appsの操作方法や改造方法はサポート対象外となりますことについては予めご了承下さい。

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

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

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

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

  • スカイスクレイパーイメージが切れて表示されてしまいます。

    スカイスクレイパーイメージの画像の推奨サイズは「 横80px 」です。
    横幅が80px以上の画像を設定した場合には、閲覧するブラウザのサイズによっては画像の一部が切れて表示される場合があります。
    スカイスクレイパーイメージが切れて表示されてしまう場合には「 横80px 」の画像へご変更頂くか、下記の方法でCSSを追加することをお試し下さい。

    ①. BASE管理画面の「デザイン」画面の最下部にある「独自スタイルシート(CSS)」に以下のコードを記述します。

    
    .skyscraper{
    background-size:80px auto;
    }
    
    

    ②. 「保存」を押して編集を完了します。
    ③. スマホやブラウザ等のキャッシュを削除してからショップをご確認下さい。

  • デザイン編集画面で設定した内容がショップに反映されません。

    1. ご確認頂いている端末のブラウザにキャッシュが残っているために最新の情報が取得できていない可能性があります。
    まずは、ブラウザのキャッシュを削除してから再度ショップを確認することをお試し下さい。

    2. ブラウザのキャッシュを削除しても設定内容が反映されない場合、
    一時的にBASEのデータサーバとの通信が正常に行われていないために、設定内容が保存されていない可能性があります。

    (この現象はテーマではなくBASEのシステム側の問題となりますので、利用しているテーマに関わらず起こりうる現象となります。)

    【 解決方法 】
    一旦、設定しようとしている項目を空欄にした状態で「保存」を押して「終了」してBASE管理画面のトップに戻ります。
    (設定しようとしている項目を空欄にしても「保存」がクリックできる状態にならない時は、別の項目のON/OFFを切り替えるなどして「保存」ができるようになるかお試し下さい。)

    次に、再度BASE管理画面のトップからデザイン編集画面に進んで上記項目が正常に空欄として保存されていることをご確認下さい。

    その状態で改めてその項目を設定して「保存」→「終了」として頂き、正常にデータが更新されていることをお確かめ下さい。
    (通常、設定は複数を同時に行って頂けますが、うまくいかない場合には1項目ずつ「設定」→「保存」→「終了」を繰り返して下さい。)

    また、テキストエリア形式の設定項目において正常にデータが保存されない(「保存」が押せない)場合には、
    入力する際にコピーペーストするのではなく、空欄の状態から手動でテキストを入力する形で記述することもお試し下さい。

    上記の方法でもうまくいかない場合には、BASE側のサーバーに一時的な問題が生じている可能性がありますので、
    お手数ですがしばらく時間をおいてから再度お試し下さい。

  • デザイン編集画面で「保存」ボタンが押せません。(設定内容がプレビューに反映されません。)

    一時的にBASEのデータサーバとの通信が正常に行われていないために、
    設定内容がBASEのシステム側に反映されず「保存」ボタンが押せなくなっている可能性があります。

    (この現象はテーマではなくBASEのシステム側の問題となりますので、利用しているテーマに関わらず起こりうる現象となります。)

    【 解決方法 】
    設定しようとしている項目を空欄にした状態(またはON/OFFを切り替えた状態)にして「保存」ができるようになるかお試し下さい。
    それでも「保存」がクリックできる状態にならない時は、別の項目のON/OFFを切り替えるなどして「保存」できる状態になるかご確認下さい。

    「保存」ができる状態になったら一度そのまま「保存」→「終了」して頂き、正常にデータが更新されていることをお確かめ下さい。
    その後、改めてデザイン画面にて設定を続けて下さい。
    (通常、設定は複数を同時に行って頂けますが、うまくいかない場合には1項目ずつ「設定」→「保存」→「終了」を繰り返して下さい。)

    また、テキストエリア形式の設定項目において正常にデータが保存されない(「保存」が押せない)場合には、
    入力する際にコピーペーストするのではなく、空欄の状態から手動でテキストを入力する形で記述することもお試し下さい。

    上記の方法でもうまくいかない場合には、BASE側のサーバーに一時的な問題が生じている可能性がありますので、
    お手数ですがしばらく時間をおいてから再度お試し下さい。

  • モーダルポップアップ(モーダルウィンドウ)が表示されません。

    「モーダルポップアップを毎回表示する」がOFF(6時間後に再度表示)の状態でショップを閲覧した場合、
    その後ON(毎回表示)にした場合でも初回閲覧時から6時間経過するまでポップアップは再表示されません。
    他の端末や一般のショップのお客様からは毎回表示される状態に切り替わっていますのでご安心下さい。

    「モーダルポップアップを毎回表示する」をOFFからONに切り替えた際にポップアップが表示されない場合には、
    他の端末やブラウザでご確認頂くか、6時間経過後に改めて正常に設定が反映されているかご確認下さい。

  • 「商品説明カスタム App」や「商品オプションApp」で設定した内容が表示されません。(レイアウトが崩れてしまいます。)

    最新版/初期状態のテーマが適用されていない可能性があります。

    BASEの「HTML編集Apps」をご利用してテーマに変更を加えた状態となっておりませんでしょうか?
    (HTML編集を行っている場合には、テーマが「Paradis」ではなく「カスタムテーマ」と表示されています。)

    HTML編集Appにてテーマを独自に編集されている場合には、
    お客様側での編集内容を保持する目的によりテーマのアップデートは自動的には適用されません。

    「商品説明カスタム App」や「商品オプションApp」で設定した内容が表示されない場合やレイアウトが崩れてしまう場合、
    「テーマが最新版にアップデートされていない」または「お客様側で行った編集内容に問題がある」ことが原因である可能性がございます。

    テーマを「カスタムテーマ」から「Paradis」に変更することで最新版のテーマが適用されますので、その状態で表示が正常になるかご確認下さい。
    但し、その際HTML編集Appsでご変更頂いた内容は消えてしまいますので、解決方法として下記の手順をお試し下さい。

    • 1. 現在の状態で「HTMLを編集する」を押して表示されるテーマの内容をコピーしてメモ帳などのテキストエディタに貼り付けてバックアップとして保存します。
    • 2. テーマを「カスタムテーマ」から「Paradis」に変更します。(最新版のテーマにアップデートされた状態となります。)
    • 3. 一旦「保存」して編集を完了し、実際のショップをご確認頂き正常に閲覧できるかご確認下さい。
      (その際、ブラウザのキャッシュを削除してからご確認頂きますようお願い申し上げます。)
    • 4.表示が正常になっている場合には、再度デザイン画面にて「HTMLを編集する」を押して、バックアップのテーマ内容と比較しつつ、お客様独自に追加して頂いた内容を再度追記します。

機能一覧 [ Spec ]

Paradisの主な機能


HTML5+CSS3コーディング 最新のHTML5+CSS3によるテーマ設計
スワイプ操作対応 スマホ/タブレット閲覧時のスライドメニューはスワイプ操作可能
レスポンシブレイアウト デフォルトのモバイルテーマと切替可能
基本設定 商品アイテムに1行の「商品説明」を表示 ON/OFF
サイドバーにも検索ボックスを表示 ON/OFF
スマホメニューに中カテゴリを表示 ON/OFF
スライダーやバナーをトップページ以外にも表示 ON/OFF
ワンポイントアイコン設定 アイコンタイプ/カラーを選択可能 
表示ON / OFF設定
イメージスライダー設定 スライダー画像を 4枚まで 設定可能
各画像にリンク設定可能
表示ON / OFF設定
イメージバナー設定 バナーを 4つまで 設定可能
各画像にリンク設定可能
タブバナー設定 タブバナーを 2つまで 設定可能
各画像にリンク設定可能
表示位置調整 / スライド幅設定
表示ON / OFF設定
スカイスクレイパーイメージ設定 スカイスクレイパーイメージを設定可能
スカイスクレイパーのスクロール ON/OFF
表示ON / OFF設定
送料表示設定 表示位置設定(2種類)
カラー / 送料テキスト設定
表示ON / OFF設定
ニュース/新着情報設定 日付の設定 / 内容の設定 / リンクの設定 
3件まで設定可能
表示ON / OFF設定
Pickup設定 Pickupを 6つ まで設定可能 画像の設定 / テキストの設定 / リンクの設定 
表示ON / OFF設定
ホットワード設定 スマホ閲覧時にもホットワードを表示 ON/OFF
ホットワード タイトル
ホットワードを 9つ まで設定可能(自動的に検索結果ページへリンク表示) 表示ON / OFF設定
モーダルポップアップ設定 表示ON / OFF設定
毎回表示 / 6時間後に再度表示 ON/OFF
画像設定 / リンク先設定
背景色設定 メインエリア / フッター / カテゴリメニュー/ 見出しタイトル / 検索ボックスの背景色設定
カラー設定 テキスト / ナビゲーション / リンク / リンク(マウスオーバー) / 「カートに入れる」ボタン / 見出しタイトル / アイコンのカラー設定
ロゴ設定 Webフォント対応 : フォント / サイズ / カラーを選択可能
PC閲覧時のロゴの余白設定
ナビゲーション/タイトル設定 カラーを選択可能 
「About」等のデフォルトの名前を自由に変更可能
カテゴリメニューの背景色 / リンクカラー / 背景色(マウスオーバー) / リンクカラー(マウスオーバー)設定
カテゴリメニュー幅調整設定
外部リンク設定 ナビゲーションに外部へのリンクを2つまで設定可能
表示ON / OFF設定
重要なお知らせ設定 重要なお知らせ等の文章を表示
カラー設定 / 表示位置設定(トップページのみor全てのページ)
表示ON / OFF設定
アバウトページ設定 アバウトページ画像設定
キャッチコピー設定
カスタムショップ情報設定設定
表示ON / OFF設定
BASEアプリ連携設定 スマホ閲覧時の「この商品をアプリで見る」ボタン ON/OFF
各種BASE Apps対応 全てのBASE Appsに対応(BASEに新機能が追加された場合にはテーマの無料アップデートを実施)
独自スタイルシート(CSS)設定 お客様独自のスタイルシートを記述可能 (CSSについてはサポート対象外となります。)

ご購入 [ Preview and Purchase ]

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

お問い合わせ [ Contact ]

【 Paradis 】に関するお問い合わせは下記のメールフォームよりお問い合わせ下さい。

テーマの設定に関するお問い合わせの際には、事前に「設定方法 / マニュアル」や「よくある質問」をご確認下さい。

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

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

Dolce & Vivaceでは豊富なBASEデザインテーマを取り扱っています。
ショップのイメージに合わせた理想のテーマがきっと見つかります。

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

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

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