Wishの特徴[ Overview ]

印象的なスタイリッシュデザイン

PCサイトではイメージスライダーが画面の半分に広がる大胆で印象的なレイアウト。
機能性を失うことなくショップのイメージを鮮やかに印象付けます。
スマホサイトではレスポンシブスライダーとして美しく表示されます。


[ トップページ サンプル ]
レイアウト
[ 商品ページ サンプル ]
レイアウト
[ カスタマイズ例 ]
デザイン

充実した最新のカスタマイズ機能

イメージスライダー・ピックアップスライダー・人気商品ランキング・新着情報・送料表示・
「はじめにお読み下さい(README)」ボタン等の便利な機能が充実しています。
(少し下へスクロールして頂くと、各カスタマイズ機能を個別にご説明しています。)


多彩なカスタマイズ機能

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

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

レスポンシブデザイン

メインイメージスライダー

ドラッグ操作/スワイプ操作対応の機能的なレスポンシブスライダーです。
PCサイトでは画面サイズの半分に広がり、機能性を失うことなくショップのイメージを鮮やかに印象付けます。
スマホサイトではレスポンシブスライダーとして美しく表示されます。


画像は4枚まで設定可能で、商品ページ / カテゴリページ / 検索結果 / 外部サイトなど自由なリンク先を設定することができます。
PCサイトで画像が自動的に切り抜かれる際の基点を選択することもできます。
下層ページ専用の画像を別途1枚まで設定することも可能です。

レスポンシブスライダー

カテゴリメニュー

PCサイト上部にドロップダウン形式のカテゴリメニューを表示することができます。
メニューの幅、背景色、テキストカラーを自由に設定することができます。
カテゴリメニューが不要な場合はOFFにすることも可能です。

カテゴリメニュー

ピックアップスライダー

ピックアップ情報をスライダー形式で6件まで表示して画像、テキスト、リンクを設定することができます。
リンク先は商品ページだけでなく、カテゴリページや外部サイトにすることも可能です。
リンクを設定せずに情報掲載スペースとして利用して頂く事もできます。
ピックアップスライダーが不要な場合はOFFにすることも可能です。

ピックアップ表示

人気商品ランキング

ランキング形式で3件まで画像、商品名、価格、リンクを自由に設定することができます。
また、王冠アイコンの表示ON/OFFも切り替えることが可能です。
ランキング表示が不要な場合はOFFにすることも可能です。
(データを自動取得して実際の販売数ランキングを表示するものではなく、手動で設定してランキング形式で商品を表示する機能となります。)

ワンポイントアイコンs

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

「はじめにお読み下さい」ボタンを設置することが可能です。
テキスト内容、カラー、リンクを自由に設定することができます。
ブログApps等を利用したページにリンクさせることでショップを利用されるお客様に対してのご注意等を伝えることができます。
(「トップページのみに表示」または「全てのページに表示」が選択できます。)

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

便利な送料表示

ショップ運営に便利な「送料表示」が可能です。
カラーやテキスト内容は自由に設定できるので、ショップイメージに合った送料表示をして頂けます。
送料表示が不要な場合はOFFにすることも可能です。
(「トップページのみに表示」または「全てのページに表示」が選択できます。)

送料表示

ニュース/新着情報表示

新着情報を3件まで表示してテキストやリンクを設定することができます。
新着情報表示が不要な場合はOFFにすることができます。

新着情報表示

重要なお知らせの表示

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

重要なお知らせ

イメージバナー

画像によるリンクバナーをページ上部と下部の2か所設定することができます。
各バナーには自由なリンク先を設定することができ、リンクを設定せずに告知エリアとしても利用することも可能です。
(各バナーは「トップページのみに表示」または「全てのページに表示」が選択できます。)

イメージバナー

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

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

Webフォント

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

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


カラーカスタマイズ

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

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

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


ナビゲーション

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

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

アバウトページ

ユーザー目線の商品検索

お客様の購入機会を逃さないよう必要な場所にしっかりと検索エリアを設けて
アクセシビリティに配慮した設計になっています。
(商品検索Appsのインストールが必要です。)

検索

レビュー機能にも対応

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

レビュー機能

BASEアプリとの連携

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


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

BASEアプリ

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

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

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

簡単カスタマイズ
BASE専用テーマ【Wish】をショップに適用したデモショップをご用意しています。
実際のショップイメージをご確認頂けます。
QRコード
Wishテーマを適用した
デモショップのQRコード

Wish 使い方 / マニュアル [ How To Use ]

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

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


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

色の設定

背景色

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

フッターの背景色

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

テキストカラー

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

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

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

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

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

アイコン/ボタンカラー

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

セール価格カラー

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

見出しタイトル ラインカラー

トップページの「Category」や「News」のタイトル、商品ページの「商品タイトル」等のラインカラーを変更することができます。

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

トップページの「Category」や「News」のタイトル、商品ページの「商品タイトル」等のテキストカラーを変更することができます。

基本設定

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

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

商品アイテムを丸く切り抜く ON/OFF

ONにするとトップページ/カテゴリページ/検索結果ページの商品一覧のサムネイル画像を丸く切り抜くことができます。
OFFの状態では切り抜かず四角のままで表示されます。
縦長/横長の商品画像を登録している場合には、この設定をONにすると画像が楕円形に切り抜かれるためOFFに設定することをお勧めします。
初期状態ではOFFになっています。

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

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

スマホ閲覧時の商品ページスライダーに矢印を表示 ON/OFF

商品ページをスマホで閲覧した際、商品画像が複数枚ある場合にはスワイプ操作可能なスライダーとして表示されます。
ONにすると商品画像に重なる形で左右への矢印が表示されます。
OFFにするとスワイプ操作は可能ですが、矢印は非表示になります。
初期状態ではOFFになっています。

PCサイトの商品ページスライダーの背景色

商品ページをPCで閲覧した際、商品画像は画面左側へスライダーとして表示されます。
商品画像が画面サイズより小さい場合のスライダーの余白の色を設定することが可能です。
上記サンプル画像では商品画像の周りの薄いグレーの部分に相当します。

メニュー・ナビゲーション設定

2.PCサイトのメニューにHOMEを表示 ON/OFF

PCサイトで上部に表示されるメニューにトップページへのリンク(HOME)を表示することができます。

初期状態ではOFFになっています。

Homeのリンクテキスト

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

Aboutのリンクテキスト

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

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

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

Contactのリンクテキスト

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

外部リンク1のタイトル

外部リンク1のタイトルを設定することができます。
上記サンプル画像では「 このテーマについて 」の部分に相当します。

外部リンク1のURL

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

外部リンク2のタイトル

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

外部リンク2のURL

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

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

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

Informationのタイトル

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

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

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

カテゴリメニュー

3.【カテゴリメニュー】表示 ON/OFF

PC閲覧時のサイト上部にカテゴリメニューを表示することができます。
カテゴリ管理Apps(無料)のインストールが必要です。
「大カテゴリ」が1階層目に表示され、「中カテゴリ」がドロップダウンで表示されます。
「小カテゴリ」は中カテゴリページの絞込みリンクとして表示されます。

初期状態ではONになっています。

カテゴリメニュー 背景色

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

カテゴリメニュー テキストカラー

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

カテゴリメニュー 境界線 ON/OFF

カテゴリメニューの境界線のON/OFFを切り替えられます。
「カテゴリの数」や「1行のメニュー数」を調整してカテゴリメニューが1行で表示される場合のみONにして下さい。
カテゴリメニューが複数行になる場合に境界線を表示すると境界線のないメニュー項目が発生します。

カテゴリメニュー 境界線カラー

カテゴリメニューの境界線カラーを変更することができます。

カテゴリメニュー 背景色(マウスオーバー)

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

カテゴリメニュー テキストカラー(マウスオーバー)

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

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

カテゴリメニューは画面サイズに応じてレスポンシブに表示されます。
各メニューの幅を自動調整するために、1行に表示するメニュー数を入力して下さい。
1行にメニューを収めた方が綺麗に表示されるため、カテゴリの数がそれほど多くない場合にはカテゴリの数をそのまま入力して下さい。
カテゴリの数が多く1行に表示しきれない場合には、1行に表示したいカテゴリの数を入力して下さい。
初期状態では「 6 」に設定されていますのでショップの大カテゴリの数に合わせて変更して下さい。

実際の仕組みとしては、『メインエリアの横幅』を『1行のメニュー数』で割ったサイズが『1つのメニューのデフォルト幅』として設定されます。
但し、名前が長いカテゴリが存在する場合には『1つのメニューのデフォルト幅』から自動的にサイズが調整されるため、
1行に表示するメニュー数よりも少ない数が1行に表示される場合があります。
名前の長いカテゴリが存在する場合には『1行のメニュー数』を実際に表示したいメニュー数よりも「1」ないし「2」多く設定して下さい。

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

ショップロゴ設定

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

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

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

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

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

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

テキストロゴのカラー

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

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

メインスライダー設定

ドラッグ操作/スワイプ操作対応の機能的なレスポンシブスライダーです。
PCサイトでは画面サイズの半分に広がり、機能性を失うことなくショップのイメージを鮮やかに印象付けます。
スマホサイトではレスポンシブスライダーとして美しく表示されます。


スライダー画像は4枚まで設定可能です。
各画像には商品ページ / カテゴリページ / 検索結果 / 外部サイトなど自由なリンク先を設定することができます。
PCサイトで画像が自動的に切り抜かれる際の基点を選択することもできます。
下層ページ専用の画像を別途1枚まで設定することも可能です。


5.メインスライダー

Wishのデザイン仕様上メインスライダーの表示をOFFにすることはできません。
スライダーとして利用しない場合にも最低1枚の画像(メインスライダー 画像1)を設定して下さい。

メインスライダー 画像1

(必須) スライダーの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を入力して下さい。

PCサイトのトップページ以外では次に指定する下層ページ用画像をメインスライダーに表示 ON/OFF

カテゴリページ/アバウトページ/ブログページ等の下層ページではスライダーを表示せず、下層ページ専用の画像を表示することができます。
例: デモショップ トップページ / デモショップ アバウトページ
下層ページ専用画像を表示する場合には、この項目をONにして次の「下層ページ用 画像」にて表示した画像を指定して下さい。
初期状態ではOFFになっています。

下層ページ用 画像

下層ページ用画像をアップロードする事ができます。

メインスライダー画像の切り抜き位置

PCサイトではスライダーが画面サイズの半分を覆う仕様上、画面サイズに応じて画像は自動的に切り抜かれて表示されます。
(スマホサイトでは切り抜きは行われずそのまま表示されます。)

メインスライダー画像の切り抜き位置を「中央に配置」「左上を基点」「右上を基点」「右下を基点」「左下を基点」から選択することができます。

通常は初期状態の「中央に配置」を選択することをお勧めします。
画像内で切れては困る部分が偏っている場合には、必要に応じて切り抜かれる際の基点を選択して下さい。
初期状態では「中央に配置」になっています。

バナー設定

【トップバナー】と【フッターバナー】の2つの画像によるリンクバナーを設定することができます。
各バナーには自由なリンク先を設定することができ、リンクを設定せずに告知エリアとしても利用することも可能です。
「トップページのみに表示」または「全てのページに表示」を選択することもできます。

6.【トップバナー】 画像

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

トップバナーを下層ページにも表示 ON/OFF

トップバナーの表示を「トップページのみに表示」または「全てのページに表示」から選択することができます。
初期状態ではOFF(トップページのみに表示)になっています。

トップバナー リンク先

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

7.【フッターバナー】 画像

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

フッターバナーを下層ページにも表示 ON/OFF

フッターバナーの表示を「トップページのみに表示」または「全てのページに表示」から選択することができます。
初期状態ではOFF(トップページのみに表示)になっています。

フッターバナー リンク先

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

重要なお知らせ設定

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

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

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

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

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

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

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

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

重要なお知らせテキスト

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

送料表示設定

9.送料表示 ON/OFF

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

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

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

送料表示のカラー

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

条件テキスト

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

送料テキスト

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

補足テキスト

補足をテキストで自由に設定することができます。
上の画像サンプルの中では「 離島・北海道を除く 」の部分に相当します。

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

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

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

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

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になっています。
ピックアップ情報は1~6件まで設定が可能ですが、デザインの仕様上、ピックアップ表示をご利用になる場合には4件設定することをお奨めします。

Pickupのタイトル

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

Pickup 1 画像

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

Pickup 1 内容

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

Pickup 1 リンク先

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

Pickup 2 画像

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

Pickup2 内容

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

Pickup 2 リンク先

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

Pickup 3 画像

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

Pickup 3 内容

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

Pickup 3 リンク先

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

Pickup 4 画像

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

Pickup 4 内容

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

Pickup 4 リンク先

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

Pickup 5 画像

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

Pickup 5 内容

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

Pickup 5 リンク先

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

Pickup 6 画像

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

Pickup 6 内容

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

Pickup 6 リンク先

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

人気商品ランキング設定

12.【ランキング】 ON/OFF

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

ランキングのタイトル

ランキング表示のタイトルを設定することができます。
上記サンプル画像では「 Ranking 」の部分に相当します。

王冠アイコン ON/OFF

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

No.1のタイトル

1件目のタイトルをテキストで入力することができます。
上記サンプル画像では「 No.1 」の部分に相当します。

No.1 画像

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

No.1 商品名

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

No.1 価格

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

No.1 リンク先

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

No.2のタイトル

2件目のタイトルをテキストで入力することができます。
上記サンプル画像では「 No.2 」の部分に相当します。

No.2 画像

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

No.2 商品名

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

No.2 価格

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

No.2 リンク先

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

No.3のタイトル

3件目のタイトルをテキストで入力することができます。
上記サンプル画像では「 No.3 」の部分に相当します。

No.3 画像

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

No.3 商品名

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

No.3 価格

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

No.3 リンク先

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

新着情報設定

13.新着情報表示 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を入力して下さい。

アバウトページ設定

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

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

アバウトページ画像

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

独自スタイルシート設定

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

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

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

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

画像の推奨サイズ

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

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

【メインスライダー】
推奨サイズは「 横1280px × 縦1060px 」です。
ご参考までに、デモショップでは「 横1280px × 縦1060px 」の画像を使用しております。

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

【人気商品ランキング】
推奨サイズは「 横780px 」です。縦の高さはお好みのサイズで構いません。
但しデザインの仕様上、ランキングに設定する画像は全て同じサイズにすることをお勧め致します。
ご参考までに、デモショップでは「 横900px × 縦540px 」の画像を使用しております。

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

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

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

【商品画像】
推奨サイズは「 横780px × 縦780px 」です。
その他のサイズの画像もご利用頂けますが、縦長/横長の画像は「商品画像を丸く切り抜く」設定をONにすると楕円形に切り抜かれるためOFFに設定してご利用下さい。
ご参考までに、デモショップでは「 横780px × 縦780px 」の画像を使用しております。

モバイルテーマ設定

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

よくある質問 [ FAQ ]

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


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

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

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

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

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

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

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

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

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

    【メインスライダー】
    推奨サイズは「 横1280px × 縦1060px 」です。
    ご参考までに、デモショップでは「 横1280px × 縦1060px 」の画像を使用しております。

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

    【人気商品ランキング】
    推奨サイズは「 横780px 」です。縦の高さはお好みのサイズで構いません。
    但しデザインの仕様上、ランキングに設定する画像は全て同じサイズにすることをお勧め致します。
    ご参考までに、デモショップでは「 横900px × 縦540px 」の画像を使用しております。

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

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

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

    【商品画像】
    推奨サイズは「 横780px × 縦780px 」です。
    その他のサイズの画像もご利用頂けますが、縦長/横長の画像は「商品画像を丸く切り抜く」設定をONにすると楕円形に切り抜かれるためOFFに設定してご利用下さい。
    ご参考までに、デモショップでは「 横780px × 縦780px 」の画像を使用しております。

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

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

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

  • スマホで見るとイメージスライダーやバナー、新着情報、ピックアップ等が表示されません。

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

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

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

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

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

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

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

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

  • 『はじめにお読み下さいボタン(README)』とは何のための機能ですか?

    ショップを利用されるお客様に対して「当店を利用する上での注意事項を伝えたい」「送料や発送方法について詳細な説明をしておきたい」
    「ショップのコンセプトを明確に知って欲しい」等の理由から『はじめにお読み下さい』のコンテンツを設けたい場合があります。

    このような場合に、商品のひとつに 売り切れの状態の[はじめにお読み下さい]という名前の商品 を登録して最上部に固定することで、そのアイテムの商品説明文章の中でお客様へのご案内をされているショップ様が多くみられます。

    『はじめにお読み下さいボタン(README)』を利用することで、 『はじめにお読み下さいボタン』から予めブログAppsや外部サイトなどで作成した案内ページへ簡単にリンクさせることが可能になります。

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

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

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

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

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

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

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

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

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

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

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

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

機能一覧 [ Spec ]

Wishの主な機能


HTML5+CSS3コーディング 最新のHTML5+CSS3によるテーマ設計
スワイプ操作対応 スマホ/タブレット閲覧時のスライドメニューはスワイプ操作可能
レスポンシブレイアウト デフォルトのモバイルテーマと切替可能
基本設定 商品アイテムに1行の「商品説明」を表示 ON/OFF
スマホ閲覧時の商品ページスライダーに矢印を表示 ON/OFF
PCサイトの商品ページスライダーの背景色設定
各機能の「トップページのみに表示」or「全てのページに表示」切替設定
各種カラー/テキスト設定
イメージスライダー設定 スライダーには画像4枚まで 設定可能
各画像にリンク設定可能
下層ページ用画像設定
メインスライダー画像の切り抜き位置設定
表示ON / OFF設定
イメージバナー設定 バナーを 2つまで 設定可能
各画像にリンク設定可能
はじめにお読み下さいボタン(README)設定 カラー / テキスト /リンク先設定
表示ON / OFF設定
送料表示設定 カラー / 送料テキスト設定
表示ON / OFF設定
ニュース/新着情報設定 日付の設定 / 内容の設定 / リンクの設定 
3件まで設定可能
表示ON / OFF設定
ピックアップスライダー設定 Pickupをスライダー形式で 6つ まで設定可能 画像の設定 / テキストの設定 / リンクの設定 
表示ON / OFF設定
人気商品ランキング設定 タイトル設定 / 画像の設定 / 商品名の設定 / 価格の設定 / リンクの設定 
王冠アイコン ON/OFF
表示ON / OFF設定
カテゴリメニュー設定 背景色 / テキスト色 / 境界線ONOFF設定 / 境界線色 / リンク色設定
表示ON / OFF設定
背景色設定 背景 / フッター/ カテゴリメニュー / 見出しタイトルの背景色設定
カラー設定 テキスト / ナビゲーション / リンク / リンク(マウスオーバー) / 「カートに入れる」ボタン / 見出しタイトル / セール価格 / アイコンのカラー設定
ロゴ設定 Webフォント対応 : フォント / サイズ / カラーを選択可能
PC閲覧時のロゴの余白設定
ナビゲーション/タイトル設定 カラーを選択可能 
「About」等のデフォルトの名前を自由に変更可能
カテゴリメニューの背景色 / リンクカラー / 背景色(マウスオーバー) / リンクカラー(マウスオーバー)設定
カテゴリメニュー幅調整設定
外部リンク設定 ナビゲーションに外部へのリンクを2つまで設定可能
表示ON / OFF設定
重要なお知らせ設定 重要なお知らせ等の文章を表示
カラー設定 / 表示位置設定(トップページのみor全てのページ)
表示ON / OFF設定
アバウトページ設定 アバウトページ画像設定
キャッチコピー設定
カスタムショップ情報設定設定
表示ON / OFF設定
BASEアプリ連携設定 スマホ閲覧時の「この商品をアプリで見る」ボタン ON/OFF
レビュー機能対応 レビューAppsにも対応
各種BASE Apps対応 カテゴリ管理 / Blog / 海外対応 / デジタルコンテンツ販売 / ラベル / BASEロゴ非表示 / 商品検索 / 送料詳細設定 / 数量制限 / 定期便 / レビュー
独自スタイルシート(CSS)設定 お客様独自のスタイルシートを記述可能 (CSSについてはサポート対象外となります。)

ご購入 [ Preview and Purchase ]

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

お問い合わせ [ Contact ]

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

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

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

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

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

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