TANAたな
手づくり雑貨のクリエイターさんのための BASE テーマです。 うつわ、布もの、紙もの、木のもの。ジャンルの違う商品を「棚に並べるように」見せるレイアウトに、ラッピング・納期・お手入れなど、雑貨の店に必要な案内をあらかじめ組み込みました。 つくる人が、売ることに集中できるように。
¥5,800税込
サポートページ購入は BASE デザインマーケットで行います。公開され次第、このページからご案内します。
画面
画面の商品写真はすべてデモ用に用意したもので、テーマ本体に画像は含まれません。
雑貨の店のために
ジャンルの違う商品を、ひとつの棚に。
おすすめの棚
トップページの上部に、写真4枚のリンクを並べます。「うつわ」「布もの」「紙もの」「ギフト」のようにカテゴリページや特集ページへつなげば、扱っているものの幅が最初の画面で伝わります。
写真を「棚の色」で囲む商品カード
商品写真を棚の色の角丸で囲み、マウスを乗せると少し浮きます。背景や明るさがバラバラな写真でも、一覧に統一感が出ます。囲みなしの「写真のみ」にも切り替えられます。
素材やサイズが、そのままスペック表に
商品説明に「素材：」「サイズ：」「容量：」「お手入れ：」と書くだけで、その行が商品ページで表になります。商品ごとに書式がばらつきません。
ラッピング・お手入れ・納期、4つの共通案内
ギフトラッピング、お手入れ方法、ご注文からお届けまで、手仕事の品について。4つの案内を全商品ページに共通で表示します。既定の文章つきで、店に合わせて書き換えられます。
出店・イベント予定とギフト案内
手づくり市やクラフトフェアの予定を3件までトップページに。ラッピングの写真と案内、つくり手のストーリー、「たいせつにしていること」の3枚も用意しています。
やわらかい書体と、4つの色
見出しは丸ゴシックを既定に、ゴシック・明朝にも切替できます。色の設定はアクセント・棚の色・ボタン・ボタン文字の4つだけ。暗い背景でも使える「背景のトーン」切替つきです。
仕様
- 対応ページ
- TOP / 商品詳細 / About / Contact / プライバシーポリシー / 特定商取引法 / 検索結果 / カテゴリ / Blog / コミュニティ / メンバーシップ
- 対応Apps（24種）
- 商品検索 / カテゴリ管理 / ラベル / Blog / セール / 英語・外貨対応 / BASEロゴ非表示 / デジタルコンテンツ / レビュー / 販売期間設定 / 予約販売 / メッセージ / 送料詳細設定 / 商品説明カスタム / 抽選販売 / 定期便 / テイクアウト / 商品オプション / コミュニティ / 再入荷自動通知 / 年齢制限 / お知らせバナー / メールマガジン / メンバーシップ
- 対応環境
- Windows（Edge / Chrome / Firefox）、Mac（Safari / Chrome / Firefox）、iOS Safari / Chrome、Android Chrome の各最新版
- レイアウト
- 商品一覧はPC 2〜4列、画像比率 1:1 / 4:5 / 4:3、カードは「棚に置く」「写真のみ」を選択。メインビジュアルは横並び／重ねの2種。スマートフォンはドロワーメニュー、ヘッダー固定のON/OFF
- 見出しの書体
- 丸ゴシック / ゴシック / 明朝。英字は丸みのあるサンセリフ体（Nunito）
- 外部ライブラリ
- なし（Google Fonts のみ）。jQuery 非依存
- バージョン
- 1.0.0
購入からの流れ
BASEデザインマーケットで購入
お支払いは BASE のデザインマーケットで行います。MUTO LAB がカード情報などをお預かりすることはありません。
ショップに適用して、6つの設定
ロゴ、背景のトーン、色4つ、メインビジュアル、おすすめの棚4枚、出店予定。サポートページの手順どおりに進めれば、その日のうちに公開できます。
困ったら、サポートページとお問い合わせ
設定項目の一覧、商品説明の書き方、ラッピングを注文時に選んでもらう方法、よくある質問はサポートページに。解決しないときはフォームからご連絡ください。
よくある質問
商品のジャンルが1つだけの店でも使えますか？
使えます。「おすすめの棚」はカテゴリだけでなく、特集や人気商品、ギフトセットへのリンクにも使えます。棚を使わない場合はOFFにでき、見出しや余白は残りません。
写真の背景が商品ごとに違っていても大丈夫ですか？
そのために「棚の色」があります。商品写真を同じ色の角丸で囲むので、白背景・木目・布の上で撮った写真が混ざっても、一覧が落ち着いて見えます。写真が揃っている店は「写真のみ」に切り替えてください。
ラッピングやメッセージカードは、注文時に選んでもらえますか？
選択欄は BASE の「商品オプション App」で作ります。テーマ側は、その案内文と写真を全商品ページに共通で表示します。手順はサポートページにまとめています。
HTMLやCSSの知識は必要ですか？
必要ありません。すべて BASE の「デザイン編集」画面の設定だけで完結します。逆に、HTMLを直接編集すると自動更新が止まるので、おすすめしません。
導入していない App があっても大丈夫ですか？
大丈夫です。導入していない App のメニューや機能は自動で非表示になり、見出しや余白も残りません。
今使っている写真や商品説明はそのまま使えますか？
そのまま使えます。スペック表は「素材：」「サイズ：」のような行があるときだけ作られるので、既存の説明文が崩れることはありません。
購入前に試せますか？
BASE デザインマーケットでは、購入前にテーマのプレビューを確認できます。デモショップの公開準備が整い次第、このページにもリンクを載せます。「自分の店に合うか」の判断に迷ったら、お問い合わせフォームからご相談ください。
アップデートはありますか？
BASE の仕様変更への追従と不具合の修正は、購入後も無償で提供します。更新内容はサポートページの更新履歴に記載します。