sp cart
BASE DESIGN MARKET

シンプルで変幻自在のデザインテンプレート

ONE BASE デザインテンプレート

モック

特徴

テーマについて

BASEデザインテンプレート「ONE(ワン)」は、豊富なカスタマイズ項目でオリジナルショップを作れるテンプレートです。
ペット用品、食料品、家具、雑貨など、あらゆる商材にお使いいただけます。

TOPページのお知らせを手動更新・自動更新どちらでも対応可能。
ABOUTページではGoogle mapを設置できます(iframeコードを入力)。
レスポンシブに対応していますので、PC、タブレット、スマホなど、どの端末で見てもデザインが崩れることなく最適に表示されます。

使い方

フォントサイズ・ロゴ

・日本語フォント
フォントは3種類から選択できます。

pc font1 sp font1
・英語フォント
フォントは3種類と、日本語に準ずるから選択できます。

pc font2 sp font2
・フォントサイズ
標準、小、大から選択できます。
・ロゴテキストサイズ
PC・スマホごとにロゴテキストサイズを数字にて指定可能です。(小数点可)
・ロゴフォントカラー
PC・スマホごとに指定可能です。
・ロゴ画像サイズ
PC・スマホごとに標準、小、大から選択できます。
・タイトルの文字の太さ
標準、細、太から選択できます。

各カラー

・フォント通常カラー
ページ全体の文字の色を選択できます。
・フォントアクセントカラー
セール時の価格、%OFFのフォント・線色などアクセントとなるカラーです。
・フォントサブカラー
商品一覧の価格、BLOGの日付など、サブとなるカラーです。
※文字カラーより少し薄い色をオススメします。
・ボタンカラー
ボタンのカラーを選択できます。
・ボタンフォントカラー
ボタンのフォントカラーを選択できます。
・ボタンボーダーカラー
ボタンのボーダーカラーを選択できます。
・ボタンホバー時のカラー
ボタンホバー時のカラーを選択できます。
・ボタンホバー時のフォントカラー
ボタンホバー時のフォントカラーを選択できます。
・ボタンホバー時のボーダーカラー
ボタンホバー時のボーダーカラーを選択できます。
・カートに入れるボタンカラー
カートに入れるボタンのカラーを選択できます。
・カートに入れるボタンフォントカラー
ボタンのフォントカラーを選択できます。

各ページ表記名

以下各番号と同じ部分の色や表示が変更されます。

・HOMEの表記
サイドナビの背景カラーを選択できます。
・ABOUTの表記
ABOUTページへのリンクテキストや、ページタイトルを変更できます。
・カテゴリの表記
カテゴリAppをインストールした場合に表示される、カテゴリページへのリンクテキストや、ページタイトルを変更できます。
・ブログの表記
ブログAppをインストールした場合に表示される、ブログページへのリンクテキストや、ページタイトルを変更できます。
・ブログのサブ表記
ブログAppをインストールした場合に表示される、ブログコンテンツのサブタイトルを変更できます。
・コミュニティの表記
コミュニティAppをインストールした場合に表示される、コミュニティページへのリンクテキストを変更できます。
・CONTACTの表記
CONTACTページへのリンクテキストや、ページタイトルを変更できます。

サイドナビ・スマホナビ

以下各番号と同じ部分の色や表示が変更されます。


サイドナビ
サイドナビ スマホナビ
スマホナビ
・《PC》サイドナビフォントカラー
サイドナビの背景カラーを選択できます。
・《PC》サイドナビ背景カラー
サイドナビのフォントカラーを選択できます。
・《スマホ》ナビ内のロゴ画像
スマホナビ内のロゴ画像を設定することができます。
・《スマホ》ナビフォントカラー
スマホナビのフォントカラーを選択できます。
・《スマホ》ナビ背景カラー
スマホナビの背景カラーを選択できます。
・《PC》《スマホ》BASE・カートアイコンを白にする
PCはヘッダー、スマホはナビ内のBASE・カートアイコンを白にするか選択できます。
・バナー画像、バナーURL
サイドナビ・スマホナビに表示するバナー画像とバナーURLを各2つずつ入力できます。

ヘッダー

以下各番号と同じ部分の色や表示が変更されます。


ヘッダーPC
ヘッダーPC ヘッダースマホ
ヘッダースマホ
・《ヘッダーPC》BASE・カートアイコンを白にする
PC時にヘッダーに表示するBASE・カートアイコンを白にするか選択できます。
・ショップの説明テキスト
ヘッダーに表示するテキストを入力できます。
・送料に関するテキスト
ヘッダーに表示する送料に関するテキストを入力できます。
・送料に関するテキストのフォントカラー
ヘッダーに表示する送料に関するテキストのフォントカラーを選択できます。
・送料に関するテキストの背景カラー
ヘッダーに表示する送料に関するテキストの背景カラーを選択できます。

スライダー


スライダーPC スライダースマホ
・スライダーを自動再生にする
スライダーを自動再生にすることができます。
・スライダー画像
スライド画像は5枚まで設定することができ、リンクを付けることもできます。
登録した画像はサムネイルとしても表示されます。
PC用画像と、SP用画像で分けて登録が出来るので、PCは横長、SPは縦長の画像をオススメいたします。
画像はPCはPC、スマホはスマホで全て同じサイズで合わせて作成してください。デザイン崩れにつながります。
例)1枚目のPC画像を1550x740pxで作成した場合、2枚目のPC画像も1550x740pxで作成してください。

TOP

・お知らせ
-お知らせタイトル
お知らせタイトルを変更できます。

-固定お知らせアイコンを肉球に変更する -固定お知らせアイコンを肉球に変更する
-固定お知らせアイコンを肉球に変更する
固定固定お知らせのアイコンを「!」マークから肉球マークに変更できます。

-お知らせを手動で登録する(デフォルトは最新のブログ記事が出力されます)
手動または自動出力を選択できます。
記事の固定をすると固定した記事が一番上に表示されます。
最大3件表示されます。
・ピックアップ
-ピックアップを表示する
ピックアップコンテンツを表示するか選択できます。

-ピックアップタイトル
ピックアップタイトルを変更できます。

-ピックアップサブタイトル ピックアップサブタイトルを変更できます。

-ピックアップ画像・リンク
バナー画像とバナーリンクを各4つずつ登録できます。
・ランキング
-ランキングを表示する
ランキングコンテンツを表示するか選択できます。

-ランキングタイトル
ランキングタイトルを変更できます。

-ランキングサブタイトル ランキングサブタイトルを変更できます。

-ランキング画像・商品名・価格・リンク ランキング商品の画像・商品名・価格・リンクを4位まで登録できます。各ランキング情報は手動で入力になります。
・商品一覧
-商品一覧を表示する
商品一覧コンテンツを表示するか選択できます。

-商品一覧タイトル
商品一覧タイトルを変更できます。

-商品一覧サブタイトル 商品一覧サブタイトルを変更できます。
・お得商品
-お得商品を表示する
お得商品コンテンツを表示するか選択できます。

-お得商品タイトル
商品一覧タイトルを変更できます。

-お得商品サブタイトル
お得商品サブタイトルを変更できます。

-お得商品カテゴリ・リンク
お得商品のカテゴリ・リンク画像・商品名・価格・リンクを各4つまで登録できます。
・特集
-特集を表示する
特集コンテンツを表示するか選択できます。

-特集タイトル
特集タイトルを変更できます。

-特集サブタイトル
特集サブタイトルを変更できます。

-特集画像・リンク
特集の画像・リンクを各6つまで登録できます。
・ブログ
-ブログ一覧を表示する
ブログ一覧コンテンツを表示するか選択できます。>
ブログは最新順に4件表示されます。

フッター


ヘッダーPC
ヘッダーPC
ヘッダーPC ヘッダースマホ
ヘッダースマホ
ヘッダースマホ
・《フッター》フォントカラー
フッターのフォントカラーを選択できます。
・《フッター》背景カラー
フッターの背景カラーを選択できます。
・《フッター》コピーライトフォントカラー
フッターのコピーライトのフォントカラーを選択できます。
・《フッター》コピーライト背景カラー
フッターのコピーライトの背景カラーを選択できます。
・《メールマガジンApp》NEWS LETTERタイトル
メールマガジンAppをインストールしていただくと、フッターにメルマガ登録フォームが表示されます。
NEWS LETTERタイトルを入力することができます。
・《メールマガジンApp》テキスト
メールマガジンAppをインストールしていただくと、フッターにメルマガ登録フォームが表示されます。
NEWS LETTERタイトルの下に文章を入力することができます。
・《フッター》SNSアイコンを表示する
フッター内のSNSアイコンを表示するかを選択できます。
・《フッター》SNSアイコンカラー
フッター内のSNSアイコンのカラーを選択できます。
・《スクロールボタン》肉球をつける
ページ上部にスクロールするボタンに、肉球マークをつけるかを選択できます。

ABOUT


ABOUT
・ABOUT画像1、小タイトル1
ABOUTページの上から1番目のコンテンツを内容設置できます。
テキストは、ショップ設定>ショップの説明の内容が表示されます。
・ABOUT画像2、小タイトル2、ABOUTテキスト
ABOUTページの上から2番目のコンテンツを内容設置できます。
・店舗情報を掲載する
店舗情報コンテンツを表示するか選択できます。
・店舗情報タイトル
店舗情報タイトルを変更できます(デフォルト:SHOP)
・店舗情報テキスト
店舗情報を入力できます。
・店舗地図(iframeタグ)
GoogleMapを設定することが出来ます。
GoogleMapで住所を検索していただき、該当店舗の「共有」→「地図を埋め込む」→「HTMLをコピー」をクリックし、コピーした内容を貼り保存してください。

ご利用ガイド

ABOUTページ、商品詳細ページ下部に表示されるご利用ガイドの内容を登録できます。


ご利用ガイド
・ご利用ガイドタイトル1
ご利用ガイドブロック1つ目のタイトルを変更できます。(デフォルト:送料について)
・送料価格
ご利用ガイドブロック1つ目の送料価格を入力できます。
・ご利用ガイドテキスト1
ご利用ガイドブロック1つ目のテキストを入力できます。
・ご利用ガイドタイトル2
ご利用ガイドブロック2つ目のタイトルを変更できます。(デフォルト:お届けについて)
・ご利用ガイドテキスト2-1・2-2
ご利用ガイドブロック2つ目のテキストを2つ入力できます。
・ご利用ガイドタイトル3
ご利用ガイドブロック3つ目のタイトルを変更できます。(デフォルト:お支払いについて)
・クレジット表記を表示する
クレジットカードを使える場合は、クレジットカード使用可能の表記表示を選択できます。
・ご利用ガイドテキスト3
ご利用ガイドブロック3つ目のテキストを入力できます。
・ご利用ガイドタイトル4
ご利用ガイドブロック3つ目のタイトルを変更できます。(デフォルト:ご注文についての注意)
・ご利用ガイドテキスト4
ご利用ガイドブロック4つ目のテキストを入力できます。

その他

よくある質問

Q

カテゴリやブログがメニューに表示されないのですが…。

A

カテゴリ管理AppsやBlogAppsを入れてください。対応のAppsを入れることで初めて表示される項目がありますのでまずは各Appsをご確認ください。

Q

スマホページにデザインが反映されません。

A

テーマ設定から「スマートフォン用デフォルトテーマ設定」をOFFにしてください。
こちらはBASEが用意しているデフォルトテーマになります。

Q

BASEアプリで見た時にデザインが反映されません。

A

デザインテンプレートはWEBブラウザ専用になります。
BASEアプリで表示する場合、BASEが用意したアプリのデザインで表示されます。

Q

フリースペースに画像を表示したいのでHTMLを教えてください。

A

申し訳ございませんが、HTMLを使用したデザイン作成方法などについてはお答え致しかねます。
予めご了承くださいませ。

Q

対応Apps以外のAppsは使えますか?

A

はい、お使いいただけます。
対応Appsはショップの表示に影響のあるAppsの一覧ですので、その他のAppsは全てご利用いただけます。

Q

ページ追加Appsが使えないのですが…。

A

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

対応Apps

※ショップの表示に影響のあるAppsの一覧です。その他のAppsは全てご利用いただけます。

メッセージ〇 対応しています
カテゴリ管理〇 対応しています
送料詳細設定〇 対応しています
BASEロゴ非表示〇 対応しています
デジタルコンテンツApp〇 対応しています
英語・外貨対応〇 対応しています
Blog〇 対応しています
ラベル〇 対応しています
商品検索〇 対応しています
定期便〇 対応しています
レビュー〇 対応しています
セール〇 対応しています
販売期間設定〇 対応しています
予約販売〇 対応しています
抽選販売〇 対応しています
商品説明カスタム〇 対応しています
商品オプション〇 対応しています
コミュニティ〇 対応しています
テイクアウト〇 対応しています
お知らせバナー〇 対応しています
メールマガジン〇 対応しています
再入荷自動通知〇 対応しています
年齢制限〇 対応しています