商品が増えても使いやすい、機能的なデザインテーマ
商品数が増えてきた、もっと売上を伸ばしたい!
そんな方に向けたBASEテンプレートです。
ネットショップは、見た目の華やかさより、運用を続けるほど機能の使いやすさが重要になります。ベーシックパックは、新商品・ランキング・ピックアップ・おすすめなど、必要なパーツを自由に組み合わせられる構成。表示のON/OFFや並び替えも自由自在で、ショップの成長に合わせて柔軟に運用できます。
ベーシックパックを使用したデモショップ
ベーシックパックの特徴
ベーシックパックは、スターターパックよりも多くのトップページパーツを搭載した、本格的なネットショップ運営に適したテーマです。
新商品やランキングは最大5個まで登録でき、スライド形式での表示にも切り替えられます。ピックアップではPC用とスマートフォン用の画像を個別に設定でき、どちらのデバイスでも最適な表示になります。おすすめ欄では注目商品やカテゴリーへの誘導が可能です。さらにブログ新着記事の自動表示やカテゴリー一覧の表示にも対応しており、ショップの情報量を大幅に増やすことができます。
これらすべてのパーツは表示のON/OFFが可能で、さらに表示順を1〜8の数字で自由に並び替えることができます。同じテーマでも、ショップのコンセプトに合わせて全く異なる構成を作れるのがベーシックパックの強みです。
見た目を整えるだけでなく、こうした機能をどう使いこなすかが、運用を続けるうえでの売上アップの鍵になります。
見出しをセリフ体(明朝体)に切り替える機能も搭載しており、背景色との組み合わせでシックなデザインにも対応。カジュアルなショップから高級感のあるショップまで、幅広いテイストに対応できます。
スターターパックとベーシックパックの違い
スターターパックは「はじめてのネットショップに必要な機能を厳選」したテーマです。一方、ベーシックパックは「本格的にショップを運営するための機能を幅広く搭載」したテーマです。
具体的には、スターターパックにはない「新商品」「ランキング」の表示機能がベーシックパックには搭載されています。また、各パーツの表示順を自由に並び替えられる機能や、ブログ新着記事の自動表示も、スターターパックにはない機能です。なかでもカテゴリー一覧の表示は、4テーマの中でベーシックパックだけに搭載しています。ABOUTページにはフリーエリアとGoogleマップの埋め込みにも対応しており、実店舗を持つショップにも便利です。
商品数が少ないうちはスターターパックで十分ですが、商品が増えてきてトップページの情報量を増やしたくなったり、ランキングや新商品で購買意欲を高めたいと思ったら、ベーシックパックへの切り替えをおすすめします。
おすすめのショップ
アパレル・小物・フードなど、さまざまなジャンルで利用いただけます。
BASEの基本機能である背景色の変更と、【ベーシックパック ( Basic Pack )】の「見出しなどをセリフ体/明朝体にする」「文字を白にする※濃い背景色用」のオンオフの組み合わせで、いろいろなイメージになります。
基本のスタイル


黒×明朝体でシックにした例
「見出しなどをセリフ体/明朝体にする」:ON
「文字を白にする※濃い背景色用」:ON


背景色に薄い色にした例


機能紹介
トップページの機能

POINT1 タイトルを変更して好きなコンテンツを掲載
「新商品」「ランキング」「ピックアップ」「おすすめ」項目は、タイトルを自分で設定することができます。
例:「新商品」のタイトルをSTYLINGにして、スタイル写真に

例:「ランキング」のタイトルをCAMPAIGNにしてキャンペーン情報に

POINT2 必要なものだけ表示
各項目は表示ONOFFが可能です。ショップに必要なものだけ表示することができます。

POINT3 表示順を好きな順番に
「新商品」~「カテゴリー」の表示順は変更可能です。

ABOUTページの機能

設定方法
設定箇所

テーマの設定は、上部バーの「デザイン」を押した後に表示される画面で、「テーマ設定」を押すと、各設定項目が表示されます。
見出しなどをセリフ体/明朝体にする

- 見出しなどをセリフ体/明朝体にする
- 【ON】見出しなどをセリフ体/明朝体にします
※説明文章や小さい文字などは、読みやすさ重視でゴシック体から変更できません
文字を白にする※濃い背景色用

- 文字を白にする※濃い背景色用
- 【ON】黒などの濃い色の背景色の時に、見え難くなる文字を白くするなど、濃い背景色に対応した配色に全体を変更します
ロゴの幅

- ロゴの幅
- 「狭くする」を選ぶと、ロゴの表示エリアが狭くなり、それにあわせてロゴ画像の幅が小さくなります
ロゴ画像の幅が表示エリアより狭い場合、小さくなりません。その場合は、ロゴ画像自体を小さくしてファイルを作成してください。
※微調整したい場合は、画像編集ソフトでのサイズ調整をおすすめします。

トップページ
スライド(1~3個)表示OFF可能

- スライド表示
- 表示/非表示を切り替え
- スライド
スマートフォン用画像必須 - 横4:縦5の画像推奨 例)横1000pixel×縦1250pixel
- スライド
パソコン用画像必須 - 横2:縦1の画像推奨 例)横2000pixel×縦1000pixel
- スライド
リンク - 画像にリンクを入れたい場合はここに、「https://basic.base.ec/」のような「https://」で始まるURLを入れてください。空欄にするとリンクなしになります。
※画像1枚のみ設定すると、スライドせず、静止画像になります
※登録可能な個数の上限は3個です。
新商品(1~5個)表示OFF可能

- 新商品表示
- 表示/非表示を切り替え
- 新商品をスライド形式にする
- ON :スライド形式にします(デザインの違いは下記)
- 新商品
タイトル - タイトルを「NEW ARRIVALS」から変更できます
- 新商品
画像必須 - 横長(横3:縦2)推奨。目安:横720pixel×縦480pixel
- 新商品
文章 - 文章を入れることができます。空欄OK。
- 新商品
リンク - 画像にリンクを入れたい場合はここに、「https://basic.base.ec/」のような「https://」で始まるURLを入れてください。空欄にするとリンクなしになります。
※登録可能な個数の上限は5個です。
新商品をスライド形式にする【OFF】

※1個~可能ですが、スマホでの表示の都合上、2個または5個の登録がおすすめです
新商品をスライド形式にする【ON】

※表示の都合上、必ず3個以上登録するようお願いいたします
ピックアップ 表示OFF可能

- ピックアップ表示
- 表示/非表示を切り替え
- ピックアップ
タイトル - タイトルを「ABOUT US」から変更できます
- ピックアップ
スマートフォン用画像必須 - 横4:縦5の画像推奨 例)横1000pixel×縦1250pixel
- ピックアップ
パソコン用画像必須 - 横2:縦1の画像推奨 例)横2000pixel×縦1000pixel
- ピックアップ
見出し必須 - 大きな文字です。見出しなどを入れてください。
- ピックアップ
文章 - 長めの文章を入れることができます。空欄OK。
- ピックアップ
リンク - リンクを入れたい場合はここに、「https://basic.base.ec/」のような「https://」で始まるURLを入れてください。空欄にするとボタンが非表示になります。
※登録可能な個数の上限は1個です。
INFORMATION(1~3個)表示OFF可能

- INFORMATION表示
- 表示/非表示を切り替え
- INFORMATION
日付必須 - 日付や短めのタイトルを入れてください
- INFORMATION
文章必須 - 文章が入ります。
- INFORMATION
リンク - リンクを入れたい場合はここに、「https://basic.base.ec/」のような「https://」で始まるURLを入れてください。空欄にするとリンクなしになります。
※登録可能な個数の上限は3個です。
おすすめ(1~3個)表示OFF可能

- おすすめ表示
- 表示/非表示を切り替え
- おすすめ
タイトル - タイトルを「RECOMMEN」から変更できます
- おすすめ
画像必須 - 横長(横3:縦2)推奨 例)横720pixel×縦480pixel
- おすすめ
リンク - 画像にリンクを入れたい場合はここに、「https://basic.base.ec/」のような「https://」で始まるURLを入れてください。空欄にするとリンクなしになります。
※登録可能な個数の上限は3個です。
ブログ新着記事表示 表示OFF可能
- ブログ新着記事表示
- 表示/非表示を切り替え
※固定記事、新着記事の順番で3記事を表示します
カテゴリー表示 表示OFF可能
- カテゴリー表示
- 表示/非表示を切り替え
表示順の変更

- 表示順
- 1~8を選択。数字が小さいものが上に表示されます。同じ数字の場合、この表と同じ順番に並びます
表示順の設定例

商品一覧の追加ロードをボタンクリックにする

- 商品一覧の追加ロードをボタンクリックにする
- 商品一覧の24商品以上の商品の表示を
OFF:画面一番下に来た時に自動で表示します
ON :「VIEW MORE」ボタンを押すと表示します
商品画像エリアの背景を透明にする

- 商品画像エリアの背景を透明にする
- ON :背景が透明な商品画像を利用する場合、ONにしてください。
注:ONにすると、マウスオーバー時の商品画像の色変化がなくなります。ご了承ください。
ABOUTページ

- ABOUTページ 画像表示
- 表示/非表示を切り替え
- ABOUTページ 画像
- 横長推奨
- ABOUTページ フリーエリア
- ABOUTページに表示される「ショップの説明」の下に文章を入れられます。空欄にすると非表示になります。
- ABOUTページ Googleマップ共有地図を埋め込む
- GoogleMapは共有地図の埋め込みタグの< iframe>~</iframe>を入れます。この欄では、地図のスマホでの表示を調整してあります。空欄にすると非表示になります。
※登録可能な個数の上限は1個です。
商品ページ
商品ページ 画像一覧の表示
商品ページ 画像一覧を全表示にする【OFF】
![]()
オフの場合、商品画像・画像一覧のサムネイルともにスライド形式で表示します。
商品ページ 画像一覧を全表示にする【ON】
![]()
オンの場合、
PC:最初の1枚を大きく、2枚目以降をその半分の大きさで表示し、画像をクリックすると拡大画像が表示します。(サムネイルはなし)
スマホ:商品画像をスライド形式、画像一覧のサムネイルをすべて表示します。
FAQ
トップページに表示させる商品やカテゴリーの選択方法は?
トップページに表示される「スライド」「新商品」「ランキング」「ピックアップ」「INFORMATION」「おすすめ」は、ショップに登録している商品やカテゴリーと連動していません。トップページに表示したい画像・文章を作成し、リンクにURLを入力してください。
「リンク」に何を入れる?
「リンク」には、リンクさせたいページを、実際に表示されるショップで表示して、URLをコピー&ペーストしてください。
購入前にテーマ設定を確認したい
テーマの説明ページの「購入する」ボタンの上にある「プレビュー」を押した後、「テーマ設定」を押すことで確認できます。
〇〇が表示されない
「必須」と記載されている箇所を設定してください。特に画像が必要なものの大部分は、画像を設定しなければ表示しないように設定されています。
スライドが表示されない
スマートフォン用画像を設定してください。パソコン用画像のみ設定では表示しません。
INFORMATIONが表示されない
【1】テーマ設定で、「ON」に変更したあと、「保存」ボタンを押してください。保存しないと「ON」に変更されません。
【2】「INFORMATION1 文章」「INFORMATION2 文章」「INFORMATION3 文章」の欄に何も入っていない場合、それぞれの行が表示されないようになっています。表示させたい行の「文章」に入力をお願いします。
スターターパックとベーシックパック、どちらを選べばいい?
商品数が少なく、まずはシンプルにショップを始めたい場合はスターターパックがおすすめです。商品数が増えてきて、新商品やランキングをトップページに表示したい、パーツの表示順を自由に変えたいと思ったら、ベーシックパックが向いています。
明朝体にするとどんな印象になる?
見出しをセリフ体(明朝体)に変更すると、ショップ全体に上品で落ち着いた印象を与えることができます。背景色を黒やダークグレーにして「文字を白にする」と組み合わせると、高級感のあるシックなデザインになります。アクセサリーやジュエリー、高級食材など、ブランド感を出したいショップにおすすめの設定です。
表示順の並び替えはどうやる?
テーマ設定画面で、各パーツ(新商品・ランキング・ピックアップ・おすすめ等)に1〜8の数字を割り当てます。数字が小さいものが上に表示されます。季節やキャンペーンに合わせて表示順を変えることで、常に最適な構成でショップを運営できます。
テーマを選ぶとき、何に気をつければいいですか?
デモやデザインのキレイな写真に影響されて選ぶのはやめましょう。デモはイメージ写真で作られており、自分の商品を入れた時の見え方とは異なります。
見た目とパーツ機能、どちらを重視すべきですか?
見た目は売上に直結するとは限りません。運用を続けるほど、パーツの表示切り替えや並び替えといった機能の使いやすさが重要になっていきます。
対応APP
- 送料詳細設定
- カテゴリ管理
- デジタルコンテンツ販売
- 英語・外貨対応
- メールマガジン
- 年齢制限
- Blog
- ラベル
- BASEロゴ非表示
- 商品検索
- 定期便
- レビュー
- セール
- メッセージ
- 販売期間設定
- 予約販売
- 抽選販売
- 商品説明カスタム
- 商品オプション
- コミュニティ
- テイクアウト
- 再入荷自動通知
- お知らせバナー
- メンバーシップ
※その他、テーマに影響されないApp(送料無料設定、HTML編集など)も利用可能です。詳しくは、BASEのテーマ紹介のページの【対応Apps(拡張機能)】 でご確認ください。
対応していないApps
- ページ追加
- 海外販売代行
※「オフィシャルテーマのみ利用可能」といった注意書きが記載されているAppsは利用できません。
上記Appsで「オフィシャルテーマのみ利用可能」と記載しているのを確認していますが、すべてのAppsの確認はできていません。必ずAppsの注意書きをご確認ください。
BASEでネットショップを始めるなら
ベーシックパックは、BASEでネットショップを本格的に運営したい方のためのデザインテーマです。豊富なトップページパーツと自由な表示順の設定で、あなたのショップに最適な構成を作ることができます。
まずはシンプルに始めたい方にはスターターパック、商品写真をもっと大きく見せたい方にはフォトパック、しっかりとコンテンツを訴求していきたい方にはコンテンツパックもご用意しています。ショップの目的や成長段階に合わせてテーマを選んでください。
▶ ベーシックパックを購入する
▶ BASE無料テンプレートのHTML編集・カスタマイズと作り方
▶ BASE Appsおすすめ全種の一覧
更新情報
2025年11月:
・商品価格の文字サイズを調整
・一部スタイルをstyle.cssファイルに移動しました
2025年6月:
・「商品ページ 画像一覧を全表示にする」を追加しました
・「文字を白にする※濃い背景色用」で、特定商取引法に基づく表記ページの電話番号のマウスオーバーで「有効であることが確認された正しい電話番号です」の文字が読みづらくなる問題を修正しました
2025年3月:
・「文字を白にする※濃い背景色用」でカートバッジが白くなってしまう問題を修正しました
2025年2月:
・「カートバッジ表示機能」に対応しました
2025年1月:
・テーマ設定の編集項目を、全体設定・HOME設定・ABOUT設定に区分けしました
・「商品一覧の追加ロードをボタンクリックにする」を追加しました
トップページ・カテゴリーページ・検索で表示される商品一覧について、
OFF:画面の一番下に来た時に自動でさらに商品が表示
ON:「VIEW MORE」ボタンを押すとさらに商品が表示
・Aboutページに「フリーエリア」と「Googleマップ共有地図を埋め込む」を追加しました
・(検索Appオンの場合)ヘッダーの検索窓のデザインを修正しました
2024年11月:
・Pay ID あと払いウィジェットに対応しました
2024年7月:
・iOS16.2以下で表示が崩れる問題を修正しました
・Xのアイコンが、濃い背景色で見えづらくなる為、「文字を白にする※濃い背景色用」で変わるよう変更しました
・「年齢制限 App」導入時に対応するため、パソコンで見た時の商品詳細ページの価格の文字の大きさを、少し小さく変更しました
2024年3月:
・「コミュニティ App」のコミュニティページで、「商品画像エリアの背景を透明にする」が反映されるように変更しました
・「メンバーシップ App」のガイドページ・マイページ・ポイント履歴ページで、濃い背景色で見えづらくなる部分を「文字を白にする※濃い背景色用」で変わるように変更しました
2024年1月:
・「メンバーシップ App」のマイページの「編集する」の文字の色が、濃い背景色で見えづらくなる為、「文字を白にする※濃い背景色用」で変わるよう変更しました
2023年12月:
・「メッセージ App」と「英語・外貨対応」両方インストール時、スマートフォンで表示が重なってしまう箇所を修正しました