VANILLA
無料
どんな商材でも破綻しない、カスタマイズの土台になる MakeShop クリエイターモード用テンプレート。cdar 形式で配布し、管理画面から取り込むだけで使えます。
配布は準備中です。公開のお知らせはメール購読でお届けします。
- 追加依存ゼロの軽量設計
CSS フレームワークも CDN プラグインも不使用。同梱物だけで完結します。
- CSS 変数で全体を差し替え
color / spacing / typography ほか7群のトークンを
:rootで上書きするだけで、ブランドカラーからテーマを変えられます。 - MakeShop 最難関の SKU を解決済み
SKU 2軸（サイズ×カラー）・バリエーション専用画像（カラー連動）・カスタムセレクト加算をモジュールとして実装済みです。
収録機能
MakeShop の標準ページ一式（トップ／一覧／商品詳細／カート／会員／検索ほか）を完全カバー。
設計・カスタマイズ
- レスポンシブ（1テンプレで PC / スマホ）
- 追加外部依存なし（自己完結）
- CSS 変数トークン7群
- スタイルガイド同梱（カスタマイズ起点）
- ウェルカムモーダル
商品ページ
- SKU 2軸（サイズ×カラー・在庫連動）
- バリエーション専用画像（カラー連動）
- カスタムセレクト（5表示形式・価格加算）
- 定期購入・SKU×定期の併売トグル
- 再入荷通知／予約販売・販売予告
- 名入れ／お気に入り（SKU 単位も可）
一覧・検索
- 統合商品カード（SALE・SOLD OUT・ランキング・カスタムアイコン・レビュー評価・お気に入り）
- 検索結果ページでそのまま絞り込み（カテゴリ＋価格）
- キーワード検索
レビュー・その他
- レビューは u-komi 連携（JSON-LD 重複なし）
- ニュース一覧／まとめ買いページ
- 情報ページ一式（利用案内・運営会社・特商法）
- 年齢確認・会員制ゲート
- 営業日カレンダー
意図的に省いている機能もあります（Description のタブ UI・画像ライトボックス・一覧からの直接カート投入など）。 用途が定まる商材特化テンプレート側で実装する設計判断です。
導入方法
- cdar ファイルをダウンロード
- MakeShop 管理画面のクリエイターモードでテンプレートとして取り込み
- 必要に応じて
:rootの CSS 変数を上書きしてカスタマイズ
更新のお知らせを受け取る
テンプレートの公開・アップデート情報をメールでお届けします。頻度は月1〜2回程度です。
購読受付は準備中です。公開までしばらくお待ちください。