SAVONサボン
石けんの
全成分と香りを、先に。
何が入っているか、どんな香りか。肌につけるものを売る店が必ず書くことを、テーマが形にします。
¥5,800税込
サポートページ
購入は BASE デザインマーケットで行います。公開され次第、このページからご案内します。
はじめに、いちばん効くところ
全成分と、香りのノート。
「精油：ラベンダー、ゼラニウム」でチップになり、トップ・ミドル・ラストの三段も出ます。全成分は一覧で。
やることは、これだけ
書いた行が、そのまま画面に。
BASE の商品登録画面に、いつもどおり書くだけです。HTMLも、アプリの追加もいりません。
全成分：オリーブ果実油、ヤシ油、パーム油、水、水酸化Na、シア脂、ヒマシ油、ラベンダー油、ニオイテンジクアオイ油、ラベンダー花、安息香
化粧品の表示は読点で区切って書くだけです。長くても畳んで置けます。
精油：ラベンダー、ゼラニウム トップノート：ラベンダー ミドルノート：ゼラニウム ラストノート：ベンゾイン
香りは写真に写りません。言葉の置き方で伝えます。
画面で見る
架空の店を、SAVON で組みました。
画面の商品写真はすべてデモ用に用意したもので、テーマ本体に画像は含まれません。
香りから探す
系統の入口と、季節の限定を。
色を変える
石けんの色に合わせて。
工房のこと
主な原料と、石けんができるまでを。
石けんの店のために
全成分と香りを、先に。
全成分の一覧
商品説明に「全成分：オリーブ果実油、ヤシ油、パーム油、水、水酸化Na、…」と書くだけで、購入ボタンの下に区切りを整えた一覧が入ります。長い成分表が本文に埋もれず、必ず同じ場所に出ます。「成分：」「原材料：」でも同じです。
精油のチップと、香りのノート
「精油：ラベンダー、ゼラニウム」はチップに。「トップノート：ラベンダー」「ミドルノート：ゼラニウム」「ラストノート：ベンゾイン」の3行は、Top / Middle / Last の香りのノートになります。「香り：無香料」もチップになるので、無香料の商品も同じ場所で分かります。
石けん / バスソルト / バーム / スプレー のバッジ
「タイプ：石けん」と書くと、商品名の上にバッジが出ます。値は12文字まで自由なので、店の分け方のままで構いません。
内容量・使用期限・保存・製造日
「内容量：約90g」「使用期限：製造から1年（未開封）」「保存：直射日光と高温多湿を避けて」「製造日：パッケージに記載」「製法：コールドプロセス」「熟成：6週間」「使い方：」などの行は、商品ページで表になり本文からは消えます。
香りから探すと、季節の限定
ラベンダー / 柑橘 / ハーブ / ウッディ / 無香料 / ギフト の6つの入口。商品検索 App がその言葉を含む商品を並べます。「季節の限定」は期間や数量（「10.1 – 11.30 / 100個限定」）と、見出し・本文・写真・ボタンのパネル。終わったら見出しを空欄にすれば消えます。
主な原料、石けんができるまで、パッチテスト
写真・名前・説明の原料カード3枚、「油を選んで、混ぜる」「型に流して、一晩」「6週間、熟成させる」の3ステップ、工房のストーリー、教室・出店の予定。「手作り石けんについて」「使い方と保存」「パッチテストと注意」「配送」「ギフトラッピング」の5つの案内は、全商品ページに共通で表示します。既定文は効能を断定しない表現にしてあります。
仕様
- 対応ページ
- TOP / 商品詳細 / About / Contact / プライバシーポリシー / 特定商取引法 / 検索結果 / カテゴリ / Blog / コミュニティ / メンバーシップ
- 対応Apps（24種）
- 商品検索 / カテゴリ管理 / ラベル / Blog / セール / 英語・外貨対応 / BASEロゴ非表示 / デジタルコンテンツ / レビュー / 販売期間設定 / 予約販売 / メッセージ / 送料詳細設定 / 商品説明カスタム / 抽選販売 / 定期便 / テイクアウト / 商品オプション / コミュニティ / 再入荷自動通知 / 年齢制限 / お知らせバナー / メールマガジン / メンバーシップ
- 対応環境
- Windows（Edge / Chrome / Firefox）、Mac（Safari / Chrome / Firefox）、iOS Safari / Chrome、Android Chrome の各最新版
- レイアウト
- 商品一覧はPC 2〜4列（既定3列）、画像比率1:1（既定） / 4:5 / 3:4、商品カードは「紙の色を敷く」（既定）「写真のみ」を選択。残り1点に「残り1点」ラベル。メインビジュアルは「全幅の写真に文字を重ねる」（既定）「文章と写真を横に並べる」「文字だけ」の3種。ヘッダーはロゴ左・ナビ右。商品ページはPCで写真を縦に並べ、情報を右に固定。スマートフォンはドロワーメニュー、ヘッダー固定のON/OFF
- 見出しの書体
- ゴシック（Zen Kaku Gothic New）+ 英字 Jost（大文字・字間広め）/ 明朝（Shippori Mincho）に切替可。見出しは読点の位置で折り返し、「|」で改行
- 色の設定
- アクセント・紙の色・ボタン・ボタン文字の4つ。既定はくすんだ水色と白に近いグレー、墨のボタン。暗い背景向けの「背景のトーン」切替つき
- 外部ライブラリ
- なし（Google Fonts のみ）。jQuery 非依存
- バージョン
- 1.0.0
購入からの流れ
BASEデザインマーケットで購入
お支払いは BASE のデザインマーケットで行います。MUTO LAB がカード情報などをお預かりすることはありません。
ショップに適用して、6つの設定
ロゴ、背景のトーン、色4つ、メインビジュアル、季節の限定、主な原料3枚。サポートページの手順どおりに進めれば、その日のうちに公開できます。
商品説明に、全成分と香りを書く
「タイプ：石けん」「精油：ラベンダー」「トップノート：」「全成分：」「内容量：90g」のように書くだけで、バッジ・チップ・ノート・一覧・スペック表ができます。 書き方の一覧はサポートページに。
よくある質問
薬機法が心配です。テーマで何か対策はありますか？
テーマは表示を整えるだけで、表現の適法性は保証できません。既定の案内文は「香り」「使い方」「保存」「パッチテスト」の範囲にとどめ、「保湿」「美白」「ニキビに」などの効能は書いていません。手作り石けんを化粧品として売るには製造販売業の許可が必要で、許可のない店は「雑貨」として効能を書かずに売る、という前提です。サポートページに、書いてよいこと・避けることの目安をまとめています。
全成分は INCI 名（英語）でも大丈夫ですか？
大丈夫です。「全成分：Olea Europaea Fruit Oil, Cocos Nucifera Oil, …」のようにカンマ区切りで書けば、同じように一覧になります。日本語表示名と併記するなら、2行に分けて書いてください。600文字まで読み取ります。
無香料の石けんはどう書けばいいですか？
「香り：無香料」と書くと「無香料」のチップが出て、「香りから探す」の「無香料」からも見つかります。ノートの行は書かなければ出ません。
バームやスプレーも同じ書き方ですか？
同じです。「タイプ：バーム」「全成分：ミツロウ、ホホバ種子油、…」「内容量：30g」「使い方：」「使用期限：製造から6ヶ月」のように書きます。バスソルトなら「使い方：浴槽に大さじ2〜3杯」が表に入ります。
HTMLやCSSの知識は必要ですか？
必要ありません。すべて BASE の「デザイン編集」画面の設定だけで完結します。逆に、HTMLを直接編集すると自動更新が止まるので、おすすめしません。
導入していない App があっても大丈夫ですか？
大丈夫です。導入していない App のメニューや機能は自動で非表示になり、見出しや余白も残りません。カテゴリの一覧はカテゴリ管理 App を導入したときだけ表示されます。
購入前に試せますか？
BASE デザインマーケットでは、購入前にテーマのプレビューを確認できます。デモショップの公開準備が整い次第、このページにもリンクを載せます。迷ったら、お問い合わせフォームからご相談ください。
アップデートはありますか？
BASE の仕様変更への追従と不具合の修正は、購入後も無償で提供します。更新内容はサポートページの更新履歴に記載します。