デモショップ[ Demoshop ]


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

Sweetの特徴[ Overview ]

Pinterest(ピンタレスト)のような大人可愛いグリッドレイアウト

異なるサイズの商品の画像も、自動的に綺麗なタイル状に並ぶピンタレスト風デザイン。
細部までこだわったデザインで商品を美しく見せることを追求しました。
動きのあるサイトでお客様を飽きさせることなく、ショッピングを楽しんで頂けます。
女性をターゲットにしたショップにオススメのBASE専用デザインテーマです。
(BASE推奨の「640px+640px」以外のサイズの商品画像も美しく表示されます。)

グリッドレイアウト

どんなデバイスでも美しいレスポンシブデザイン

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

レスポンシブデザイン

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

         
あなたのショップに合ったお好みのアイコンタイプを選ぶことができます。
アイコンの色も自由に変更することができます。
非表示に設定することでミニマルなデザインにすることも可能です。

アイコン
ミニマル

新着情報表示やフリースペース機能でさらに便利に

ニュース/新着情報やランキング等をテキスト表示する機能や、
バナー画像を表示するフリースペース機能など、
ショップをさらに彩る便利な機能を搭載しています。
画像やテキストにはそれぞれリンクを設定することも可能です。

カラーカスタマイズ

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

ヘッダー/フッター/コンテンツそれぞれの背景色を個別に設定したり、
テキストカラーやリンクカラー、ワンポイントカラーを自由に設定することができます。

カラーカスタマイズ

横幅いっぱいの印象的なメインイメージ

ショップの個性を引き出すメインイメージを表示することができます。
イメージによるブランディングは、お客様の購買意欲やショップへの信頼性の向上に貢献します。
お好みの高さを指定して頂くだけで、スマホやタブレットでも横幅いっぱいに切り抜かれて表示されます。
画像を設定しない場合でもデザインは崩れませんのでご安心下さい。
PCとスマホで別の画像を指定することも可能です。

メインイメージ

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

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

Webフォント

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

ナビゲーションの「About」「Contact」「Blog」などのタイトルを自由に設定できます。
Webフォント*に対応しており、サイトのイメージに合わせてフォントや色を変更することが可能です。
(*Webフォントはアルファベットのみ対応しています。)
カテゴリー表示形式は「大カテゴリーのみ表示」と「大・中カテゴリーを表示」から選択可能です。
また、ナビゲーションに「外部リンク」を2つまで設定することもできます。

ナビゲーション

好みで選べる商品サムネイルのレイアウト

トップページの最初の商品を2倍サイズの画像にすることでおしゃれに目立たせることができます。
その他、サムネイルの「商品説明」や「商品画像の拡大エフェクト」のON/OFFなど
サムネイルレイアウトをお好みで設定することができます。
スマホで閲覧した際のトップページの商品は1カラム/2カラムから選択可能です。

レイアウト
スマートフォンデザイン

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

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

アバウトページ

必要な時にすぐに商品を検索できる

ナビゲーションの検索アイコン をクリックすると、
検索ボックスがフォーカスされた状態でフェードインします。
ショップを訪れるお客様にストレスなく商品を検索して頂く事ができます。
(商品検索Appsのインストールが必要です。)

実際の動作は デモサイト でご確認下さい。

検索

BASEアプリとの連携

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


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

BASEアプリ

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

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

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

簡単カスタマイズ

各種BASE Appsに対応

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

安心の無料アップデート

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

その他にも

全てのページに共通して重要なお知らせを掲載したり、
トップページに挨拶やサイトコンセプト等の文章を表示したりすることができます。


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

Sweet for BASE Design Market 設定方法 / マニュアル [ How To Use ]

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

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


基本設定

背景色

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

ヘッダーの背景色

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

フッターの背景色

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

テキストカラー

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

ナビゲーションカラー / ナビゲーションカラー(マウスオーバー)

サイト上部ナビゲーションのリンクテキスト色を変更することができます。

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

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

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

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

セール価格カラー

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

販売期間設定カラー

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

メイン画像

1.メイン画像 ON/OFF

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

1-1.メイン画像

メイン画像をアップロードすることができます。
【画像の推奨サイズ】
メイン画像は画面サイズに応じて横幅いっぱいに切り抜かれて表示されます。
PC用画像の推奨サイズは「 横2000px × 縦【1-2.メイン画像の高さ】で指定したpx 」です。
スマホ用画像の推奨サイズは「 横420px × 縦【1-4.スマホ用メイン画像の高さ】で指定したpx 」です。

1-2.メイン画像の高さ

メイン画像の高さを変更することができます。 「 320px 」のような形式で入力して下さい。
高さは固定されて、画面サイズに応じて横幅いっぱいに切り抜いた画像が表示されます。

1-3.スマホ用メイン画像

スマートフォンで閲覧時、PCサイトとは異なるメイン画像を表示することができます。
PC用の画像は横長、スマホ用の画像は縦長など使い分けたい場合に設定をして下さい。
スマホ用画像を設定しない場合には、スマホでも「1-1.メイン画像」が表示されます。

1-4.スマホ用メイン画像の高さ

スマホ用メイン画像の高さを変更することができます。 「 320px 」のような形式で入力して下さい。
高さは固定されて、画面サイズに応じて横幅いっぱいに切り抜いた画像が表示されます。

ワンポイントアイコン

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

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

2-1.アイコンタイプ

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

2-2.アイコンカラー

ワンポイントアイコンの色を自由に選択することができます。

ロゴ

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

Webフォント

3.ロゴのフォント

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

3-1.ロゴのフォントサイズ

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

3-2.ロゴのカラー

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

ナビゲーション

4.ナビゲーションのフォント

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

4-1.ナビゲーションのフォントサイズ

ナビゲーションのフォントサイズを調整することができます。
選択したWebフォントによってはサイズが小さく見える場合がありますので、その際にはこの項目でフォントサイズの微調整を行うことができます。
ナビゲーションのフォントカラーの設定は「基本設定」にて行うことができます。

4-2.Homeタイトル

トップページへのリンクの名前を変更することができます。
日本語のタイトルをつけた場合はデフォルトのフォントで表示されます。(Webフォントはアルファベットのみ対応しているため)

4-3.Aboutタイトル

アバウトページへのリンクの名前を変更することができます。
日本語のタイトルをつけた場合はデフォルトのフォントで表示されます。(Webフォントはアルファベットのみ対応しているため)

4-4.Blogタイトル

Blog Appsをインストールしている場合のブログページへのリンクの名前を変更することができます。
日本語のタイトルをつけた場合はデフォルトのフォントで表示されます。(Webフォントはアルファベットのみ対応しているため)

4-5.Contactタイトル

お問い合わせページへのリンクの名前を変更することができます。
日本語のタイトルをつけた場合はデフォルトのフォントで表示されます。(Webフォントはアルファベットのみ対応しているため)

4-6.Categoryタイトル

カテゴリ管理Appsをインストールしている場合のカテゴリ(ナビゲーション/サイドバータイトル)の名前を変更することができます。
日本語のタイトルをつけた場合はデフォルトのフォントで表示されます。(Webフォントはアルファベットのみ対応しているため)

4-7.Guideタイトル

ガイド(サイドバーのショップ情報タイトル)の名前を変更することができます。
日本語のタイトルをつけた場合はデフォルトのフォントで表示されます。(Webフォントはアルファベットのみ対応しているため)

4-8.Linkタイトル

リンク(サイドバーの外部リンクタイトル)の名前を変更することができます。
外部リンクについての設定は下記の5.【外部リンク】にて行うことができます。
日本語のタイトルをつけた場合はデフォルトのフォントで表示されます。(Webフォントはアルファベットのみ対応しているため)

4-9.ナビゲーションには大カテゴリーのみ表示(カテゴリ管理Apps) ON/OFF

カテゴリ管理Appsをインストールしている場合のカテゴリー表示形式を「大カテゴリーのみ表示」と「大・中カテゴリーを表示」から選択することができます。
初期状態ではOFF(大・中カテゴリーを表示)になっています。

外部リンク

5.ナビゲーションに外部リンクを表示 ON/OFF

ナビゲーション/サイドバーに表示する外部リンクの表示のON/OFFを切り替えることができます。
初期状態ではOFFになっています。

5-1.外部リンク1のタイトル

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

5-2.外部リンク1のURL

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

5-3.外部リンク2のタイトル

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

5-4.外部リンク2のURL

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

スマホ閲覧時のスワイプメニュー

6.スワイプメニューに「カテゴリ」を表示 ON/OFF

カテゴリ管理Appsをインストールしている場合の、スマホ閲覧時のスワイプメニューに表示するカテゴリの表示のON/OFFを切り替えることができます。
多数のカテゴリを登録している場合など、スワイプメニューにカテゴリを表示するとデザインが崩れる場合にはこの項目をOFFにすることですっきりとしたスワイプメニューにすることができます。
初期状態ではONになっています。

6-1.スワイプメニューに「プライバシーポリシー」を表示 ON/OFF

スマホ閲覧時のスワイプメニューに「プライバシーポリシー」へのリンクを表示することができます。
「プライバシーポリシー」へのリンクは、スマホ閲覧時にはページ下部に表示されるようになっていますので、特に目立たせなくて問題ない場合にはOFFにすることですっきりとしたスワイプメニューにすることができます。
初期状態ではOFFになっています。

6-2.スワイプメニューに「特定商取引法に基づく表記」を表示 ON/OFF

スマホ閲覧時のスワイプメニューに「特定商取引法に基づく表記」へのリンクを表示することができます。
「特定商取引法に基づく表記」へのリンクは、スマホ閲覧時にはページ下部に表示されるようになっていますので、特に目立たせなくて問題ない場合にはOFFにすることですっきりとしたスワイプメニューにすることができます。
初期状態ではOFFになっています。

トップページ

7.サイトコンセプト

ヘッダー下に挨拶やコンセプトなどの文章を表示することができます。
改行は無視されますのでご注意下さい。

7-1.最初の商品アイテムを2倍の大きさで表示 ON/OFF

トップページの最初の商品(一番上の商品)を2倍の画像サイズで大きく表示することができます。
トップページ全体が動きのある印象になるのでONにすることをおすすめします。
初期状態ではONになっています。

7-2.スマホ閲覧時に商品を2列に並べる(2カラム) ON/OFF

スマホ閲覧時、トップページの商品の並び方を1列(1カラム) or 2列(2カラム) から選択することができます。
初期状態では1列(OFF)になっています。

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

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

7-4.商品アイテムに画像拡大エフェクト(マウスオーバー時) ON/OFF

商品サムネイルにマウスをのせたときに画像が拡大するエフェクトを切り替えることができます。
OFFにすることで拡大する動きを無効にしてシンプルな印象に見せることができます。
初期状態ではONになっています。

7-5.News表示 ON/OFF

トップページの「ニュース/新着情報」の表示を切り替えることができます。
3件まで日付、内容、リンク先を設定することができます。
日付の箇所に「人気No.1」、内容の箇所に「商品名」を入れることでランキングとして活用することも可能です。
初期状態ではOFFになっています。

News1 日付

1番目の項目の日付またはタイトル

News1 内容

1番目の項目の内容

News1 リンク先

1番目の項目のリンク先

News2 日付

2番目の項目の日付またはタイトル

News2 内容

2番目の項目の内容

News2 リンク先

2番目の項目のリンク先

News3 日付

3番目の項目の日付またはタイトル

News3 内容

3番目の項目の内容

News3 リンク先

3番目の項目のリンク先

7-6.フリースペースを表示 ON/OFF

画像やテキストを表示可能なトップページの「フリースペース」の表示を切り替えることができます。
初期状態ではOFFになっています。

7-7.フリースペースの画像

バナーなどの画像を設定することができます。

7-8.フリースペースのテキスト

自由なテキストを表示させることができます。
改行は無視されます。
「7-7.画像」が設定されている場合には、画像の下にテキストが表示されます。

7-9.フリースペースのリンク先

フリースペースの画像やテキストからのリンクを設定することができます。

お知らせ表示

8.「重要なお知らせ」などの文章を表示

全てのページのヘッダー下に「重要なお知らせ」などの文章を表示することができます。
もちろんお知らせを掲載する以外の用途にご利用頂くことも可能です。

8-1.重要なお知らせカラー

「重要なお知らせ」箇所のテキストの色を自由に設定することができます。
この箇所のみのテキスト色のみを変更することでデザインへの影響を最小限にしてお知らせを目立たせる事ができます。

アバウトページ

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

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

9-1.アバウトページ画像

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

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

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

9-3.アバウトページにカスタムショップ情報を表示 ON/OFF

BASE管理画面で登録した「ショップの説明」の下に住所や営業時間等のカスタムショップ情報を掲載することができます。
必要なものだけ入力して表示することができます。
初期状態ではOFFになっています。

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

ショップの所在地を表示することができます。

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

ショップの電話番号を表示することができます。

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

ショップのFAX番号を表示することができます。

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

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

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

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

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

ショップのメールアドレスを表示することができます。

BASEアプリ連携

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

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

メールマガジンApp設定

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

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

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

登録フォーム テキスト

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

独自スタイルシート

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

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

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

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

よくある質問 [ FAQ ]

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


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

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

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

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

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

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

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

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

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

    【メイン画像】
    メイン画像は画面サイズに応じて横幅いっぱいに切り抜かれて表示されますので、画像は大きめのものをご用意下さい。
    PC用画像の推奨サイズは「 横2000px × 縦【1-2.メイン画像の高さ】で指定したpx 」です。
    スマホ用画像の推奨サイズは「 横420px × 縦【1-4.スマホ用メイン画像の高さ】で指定したpx 」です。
    仕様上、画面サイズによっては画像の端が切れる可能性がありますので、画像内に文字等を入れる場合にはなるべく中央寄りに配置して頂くと美しく表示されます。

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

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

    【商品画像】
    お好みのサイズで構いませんが「 横幅640px以上 」の画像をお勧め致します。
    Sweetはデザインマーケットの他のテーマとは異なり、BASE推奨の「 横640px × 縦640px 」以外のサイズでも美しく商品画像が並ぶグリッドレイアウトが特徴となっております。 サイズの異なる縦横比率が様々な商品画像をご利用頂くことで、動きのある商品一覧デザインとなります。

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

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

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

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

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


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

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

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

    そこで、自由な内容のページを追加するための代替案と致しまして「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を利用してテーマを改造している場合には、現在選択されているテーマが「カスタムテーマ」となっています。
    これはご購入頂いたテーマを元にしたオリジナルの別のテーマとして保存されているためです。
    「Sweet」テーマを選択して頂くことでアップデートが適用された最新の状態のテーマとなりますので、
    改めてHTML編集Appsを利用してオリジナルの改造/編集を行って下さい。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

機能一覧 [ Spec ]

Sweet for Design Marketの主な機能


HTML5+CSS3コーディング 最新のHTML5+CSS3によるテーマ設計
スワイプ操作対応 スマホ/タブレット閲覧時のスライドメニューはスワイプ操作可能
レスポンシブレイアウト デフォルトのモバイルテーマと切替可能
Pinterest(ピンタレスト)風グリッドレイアウト 異なるサイズの商品画像も綺麗に並んで表示
ワンポイントアイコン アイコンタイプ/カラーを選択可能 
アイコン非表示可能
ニュース/新着情報設定 日付の設定 / 内容の設定 / リンクの設定 
ランキング表示にも利用可能 / 非表示可能
フリースペース設定 画像の設定 / テキストの設定 / リンクの設定 
非表示可能
背景色設定 ヘッダー / メインエリア / フッターの背景色設定
カラー設定 テキスト / ナビゲーション / リンク / リンク(マウスオーバー) / 「カートに入れる」ボタンのカラー設定
メイン画像設定 画像の高さを指定可能 スマホ/タブレット等では自動的に画像を切り抜いて表示 
PC用/スマホ用に別の画像を指定することが可能
メイン画像非表示可能
ロゴ設定 Webフォント対応 : フォント / サイズ / カラーを選択可能
ナビゲーション設定 Webフォント対応 : フォント / サイズ / カラーを選択可能 
カテゴリーの表示形式を選択可能(「大カテゴリーのみ」or「大・中カテゴリー」)
「About」等のデフォルトの名前を自由に変更可能
外部リンク設定 ナビゲーションに外部へのリンクを設定可能
スワイプメニュー設定 スマホ閲覧時のスライドメニューへの「カテゴリ」「プライバシーポリシー」「特定商取引法に基づく表記」の表示/非表示を設定可能
サイトコンセプト設定 トップページヘッダー下に挨拶やコンセプトなどの文章を表示
重要なお知らせ設定 全てのページのヘッダー下に重要なお知らせ等の文章を表示
重要なお知らせカラー設定
トップページ設定 スマホ閲覧時のデザイン設定(1カラム/2カラム)
最初の商品アイテムを2倍の大きさで表示 ON/OFF
商品アイテムに1行の「商品説明」を表示 ON/OFF
商品アイテムに画像拡大エフェクト(マウスオーバー時) ON/OFF
アバウトページ設定 アバウトページタイトル下に画像を表示 ON/OFF
キャッチコピー設定
カスタムショップ情報設定
BASEアプリ連携設定 スマホ閲覧時の「この商品をアプリで見る」ボタン ON/OFF
各種BASE Apps対応 全てのBASE Appsに対応(BASEに新機能が追加された場合にはテーマの無料アップデートを実施)
独自スタイルシート(CSS)設定 お客様独自のスタイルシートを記述可能 (CSSについてはサポート対象外となります。)
HTML編集可能 HTML編集Appsを利用したテーマを改造が可能
(HTML編集Appsの操作方法/改造方法はサポート対象外となります。)

ご購入 [ Preview and Purchase ]

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

お問い合わせ [ Contact ]

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

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

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

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

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

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

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

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