商品が映える、おしゃれに作れるデザインテーマ
商品写真の見せ方にこだわりたい方のためのBASEデザインテーマです
画像の形を縦長・正方形・横長の3種類から選べるので、商品の特性に合わせた最適な表示ができます。ヘッダーバーやボタンの色もカスタマイズ可能。ビジュアルでの訴求を重視するアパレル・小物・フードなどのショップにおすすめです。
「商品を見せて売る」——写真の力でブランドの世界観を伝えたい方に向けたテーマです。おしゃれでスタイリッシュな雰囲気を、写真の見せ方から作り上げます。
フォトパックを使用したデモショップ
フォトパックの特徴
フォトパックは、商品写真の魅力を最大限に引き出すことに特化したBASEデザインテーマです。
最大の特徴は、商品画像の形を「縦長（横3:縦4）」「正方形」「横長（横3:縦2）」の3種類から選べることです。アパレルのように全身を見せたい商品は縦長に、アクセサリーのように形をきれいに見せたい商品は正方形に、料理やインテリアのように雰囲気を伝えたい商品は横長に。商品の特性に合った形で表示できるので、写真の魅力がそのまま伝わります。
シンプルでミニマルな雰囲気にも、ナチュラルで温かみのある雰囲気にも、上品でモダンな雰囲気にも。背景色とヘッダーバー、ボタンの色の組み合わせ次第で、狙ったテイストに仕上げられます。
ヘッダーバーの色、ボタンの色、文字リンクの色もそれぞれ自由に変更でき、ブランドのイメージカラーに合わせた統一感のあるショップを作ることができます。背景色との組み合わせ次第で、白背景の明るいショップにも、黒背景のシックなショップにも対応できます。
トップページにはスライド画像に見出しと文章を重ねて表示する機能があり、写真の上に商品名やキャッチコピーを載せることができます。ピックアップ機能では4つのエリアを使ってビジュアルストーリーを構成でき、おすすめ商品は最大10個まで掲載可能。写真でショップの世界観を伝えたい方のために設計されたテーマです。
他のテーマとフォトパックの違い
スターターパックは「はじめてのネットショップに必要な機能を厳選」、ベーシックパックは「本格的な運営に必要なパーツを豊富に搭載」したテーマです。フォトパックは「写真を美しくおしゃれに見せること」に特化しています。
フォトパックだけの機能は、商品画像の形を縦長・正方形・横長の3種類から選べること、ヘッダーバーの色を変更できること、ピックアップを4エリア（1・2A・2B・3）に分けてビジュアルストーリーを構成できること、おすすめ商品を最大10個まで登録できることです。スライド画像に見出しと文章を重ねる表示や、ボタン・文字リンクの色変更にも対応しています。
商品写真のクオリティに自信がある方、ブランドの世界観を写真で伝えたい方、商品の形状に合わせて画像の表示を最適化したい方は、フォトパックが最もフィットするテーマです。
おすすめのショップ
アパレル・小物・フードなど、さまざまなジャンルで利用いただけます。
BASEの基本機能である背景色の変更と、【フォトパック ( Photo Pack )】のヘッダーバー・ボタンカラーの組み合わせで、いろいろなイメージになります。
基本のスタイル
変更例
機能紹介
ショップのイメージに合わせて変更
「背景色」「ヘッダーバーの色」「ボタンの色」などを変更することができます。変更可能な箇所について詳しくは「設定方法」をご確認ください。
背景色を変更する
ボタンの色を変更する
ヘッダーバーの色を変更する
商品画像の形は縦長・正方形・横長の3種類
トップページや一覧ページで表示される商品画像の形は、「縦長（横3縦4）」「正方形」「横長（横3縦2）」の3種類からお選びください。
トップページの機能
POINT1 タイトルを変更して好きなコンテンツを掲載
「ショップについて」「ピックアップ」「おすすめ」項目は、タイトルを自分で設定することができます。
例：「おすすめ」のタイトルをSTYLINGにしてコーディネート例に
POINT2 必要なものだけ表示
各項目は表示ONOFFが可能です。ショップに必要なものだけ表示することができます。
ABOUTページの機能
設定方法
設定箇所
テーマの設定は、上部バーの「デザイン」を押した後に表示される画面で、「テーマ設定」を押すと、各設定項目が表示されます。
ロゴ・背景色を変更する場合
「テーマ設定」ではなく、それぞれ「ロゴ」「背景」で変更します。
文字を白にする※濃い背景色用
- 文字を白にする※濃い背景色用
- 【ON】黒などの濃い色の背景色の時に、見え難くなる文字を白くするなど、濃い背景色に対応した配色に全体を変更します
ヘッダーバーの色の変更
- ヘッダーバー背景色
- 【色選択】ヘッダーバーの色を変更します
- ヘッダーバーのアイコンを白にする
- BASEロゴ・カートアイコンを白にします。ヘッダーバーを濃い色にして見え難くなった場合にご利用ください
ヘッダーバーの色の変更例
商品画像の形
- 商品画像の形
- トップページ（おすすめ/商品一覧）・一覧ページ・商品ページで表示される商品画像の形を「縦長（横3縦4）」「正方形」「横長（横3縦2）」の3種類から選択。
※トップページ（おすすめ/商品一覧）・一覧ページでは、選択した形に画像がトリミングされて表示されます
正方形の表示例
横長（横3縦2）の表示例
トップページ
スライド（1～3個）表示OFF可能
- スライド表示
- 表示/非表示を切り替え
- スライドサイズ
- 全画面/比率固定(スマホ2対3、PC2対1)を切り替えられます
- スライド
スマートフォン用画像必須 - 【全画面】やや縦長～正方形推奨
【比率固定】横2：縦3 - スライド
パソコン用画像必須 - 【全画面】横長推奨
【比率固定】横2：縦1 - スライド 見出し
- ～20文字くらい推奨
- スライド 文章
- ～30文字くらい推奨
- スライド
リンク - 画像にリンクを入れたい場合はここに、「https://photopack.base.ec/」のような「https://」で始まるURLを入れてください。空欄にするとリンクなしになります。
※画像1枚のみ設定すると、スライドせず、静止画像になります
※登録可能な個数の上限は3個です。
スライドサイズ【全画面】
画面いっぱいに表示するために、画像の一部を切り取ります。表示させたい対象物がなるべく中央になるように写真をトリミングすると綺麗に表示することができます。
※スライド1にのみ画像を入れた場合、スライドなしの静止画像になります。
スライドサイズ【比率固定】
スマホ 横2：縦3、PC 横2：縦1の比率の画像をご用意ください。
※スライド1にのみ画像を入れた場合、スライドなしの静止画像になります。
ショップについて 表示OFF可能
- ショップについて表示
- 表示/非表示を切り替え
- ショップについて
タイトル - タイトルを「ABOUT US」から変更できます
- ショップについて
見出し - 大きな文字です。見出しなどを入れてください。
- ショップについて
文章必須 - 長めの文章を入れることができます。空欄OK。
- ショップについて
リンク - リンクを入れたい場合はここに、「https://photopack.base.ec/」のような「https://」で始まるURLを入れてください。空欄にするとボタンが非表示になります。
※登録可能な個数の上限は1個です。
ピックアップ表示OFF可能
- ピックアップ表示
- 表示/非表示を切り替え
- ピックアップ
画像必須 - ピックアップ1・ピックアップ3：スマートフォン用画像…正方形推奨、パソコン用画像…横長推奨
ピックアップ2A・ピックアップ2B：正方形推奨 - ピックアップ
見出し必須 - 大きな文字です。見出しなどを入れてください。
- ピックアップ
文章 - 長めの文章を入れることができます。空欄OK。
- ピックアップ
リンク - 画像にリンクを入れたい場合はここに、「https://photopack.base.ec/」のような「https://」で始まるURLを入れてください。空欄にするとリンクなしになります。
※登録可能な個数の上限はピックアップ1・2A・2B・3それぞれ1個です。
おすすめ（3～10個）表示OFF可能
- おすすめ表示
- 表示/非表示を切り替え
- おすすめ
タイトル - タイトルを「RECOMMEND ITEM」から変更できます
- おすすめ
画像必須 - 「商品画像の形」で選択した形を同じ比率で表示されます。
- おすすめ
文章 - 文章を入れることができます。空欄OK。
- おすすめ
リンク - 画像にリンクを入れたい場合はここに、「https://photopack.base.ec/」のような「https://」で始まるURLを入れてください。空欄にするとリンクなしになります。
※登録可能な個数の上限は10個です。
INFORMATION（1～3個）表示OFF可能
- INFORMATION表示
- 表示/非表示を切り替え
- INFORMATION
日付必須 - 日付や短めのタイトルを入れてください
- INFORMATION
文章必須 - 文章が入ります。
- INFORMATION
リンク - リンクを入れたい場合はここに、「https://photopack.base.ec/」のような「https://」で始まるURLを入れてください。空欄にするとリンクなしになります。
※登録可能な個数の上限は3個です。
ブログ新着記事表示 表示OFF可能
- ブログ新着記事表示
- 表示/非表示を切り替え
※固定記事、新着記事の順番で4記事を表示します
表示順の変更
- 表示順
- 1～8を選択。数字が小さいものが上に表示されます。同じ数字の場合、設定が上にあるものが上に並びます
商品一覧の追加ロードをボタンクリックにする
- 商品一覧の追加ロードをボタンクリックにする
- 商品一覧の24商品以上の商品の表示を
OFF：画面一番下に来た時に自動で表示します
ON ：「VIEW MORE」ボタンを押すと表示します
ABOUTページ
- ABOUTページ 画像表示
- 表示/非表示を切り替え
- ABOUTページ 画像
- 横長推奨
- ABOUTページ フリーエリア
- ABOUTページに表示される「ショップの説明」の下に文章を入れられます。空欄にすると非表示になります。
- ABOUTページ Googleマップ共有地図を埋め込む
- GoogleMapは共有地図の埋め込みタグの＜ iframe＞～＜/iframe＞を入れます。この欄では、地図のスマホでの表示を調整してあります。空欄にすると非表示になります。
※登録可能な個数の上限は1個です。
商品ページ
商品ページ 画像一覧の表示
商品ページ 画像一覧を全表示にする【OFF】
オフの場合、商品画像・画像一覧のサムネイルともにスライド形式で表示します。
商品ページ 画像一覧を全表示にする【ON】
オンの場合、
商品画像をスライド形式、画像一覧のサムネイルをすべて表示します。
FAQ
商品写真を大きく見せたいのですが、フォトパックは向いていますか？
はい。商品の特性に合わせて画像の形（縦長・正方形・横長）を選べるので、写真を大きく、印象的に見せたい方に向いています。
スタイリッシュな、おしゃれなショップを作りたいのですが対応できますか？
はい。ヘッダーバー・ボタン・文字リンクの色を自由に組み合わせられるので、シンプルでスタイリッシュな雰囲気にも、華やかでおしゃれな雰囲気にも仕上げられます。
ブランドの世界観を伝えるショップを作りたいのですが、フォトパックで実現できますか？
はい。写真を中心にレイアウトを組み立てられるため、ブランドの世界観や商品のストーリーを伝えるショップづくりに向いています。
アパレルや雑貨など、写真映えする商品におすすめですか？
はい。アパレル・小物・フードなど、ビジュアルでの訴求を重視するジャンルに特に向いています。商品の魅力を写真でしっかり伝えたい方におすすめです。
シンプルでかわいい雰囲気にしたいのですが、実現できますか？
背景色や配色を自由に組み合わせられるので、シンプルでかわいい雰囲気にも、ナチュラルで優しい雰囲気にも仕上げられます。
高級感のあるショップにするには、どうすればいいですか？
落ち着いた配色と、商品写真を大きく見せるレイアウトを組み合わせることで、上品で高級感のある印象に仕上がります。
