थीम बनाइए

BazaarSaaS थीम तय करती है कि स्टोर कैसा दिखेगा। बाक़ी सब प्लेटफ़ॉर्म करता है — क़ीमत, GST, स्टॉक, कार्ट, चेकआउट, पेमेंट, लॉग-इन, SEO टैग, एनालिटिक्स और सहमति — इसलिए थीम में सिर्फ़ टेम्पलेट, स्टाइल और इमेज होती हैं। व्यापारी उसे बिना कोड के बदलते हैं: रंग और फ़ॉन्ट, थीम सेटिंग्स, और हर पेज पर कौन से सेक्शन दिखें।

आपको क्या चाहिए

• थोड़ा HTML, CSS और JavaScript। टेम्पलेट Handlebars में होते हैं ({{product.title}}, {{#each}})।
• Theme Dev Kit — इसके लिए हमसे कहें। यह एक zip है, जिसमें:
  • THEME_SPEC.md — पूरा नियम-पत्र (contract): पैकेज की बनावट, manifest, पेज, सेक्शन, सेटिंग्स, हर टेम्पलेट को मिलने वाला डेटा, helpers, भाषाएँ, नियम और स्वीकृति की चेकलिस्ट,
  • हर फ़ाइल के लिए JSON schemas, असली स्टोर से लिया गया सैंपल डेटा,
  • टिप्पणियों के साथ एक पूरी starter theme,
  • bazaar-theme कमांड-लाइन टूल (एक .NET टूल — पहले .NET 10 SDK इंस्टॉल करें)।

आपको BazaarSaaS का सोर्स कोड या सर्वर नहीं चाहिए।

काम का तरीक़ा

किट के tool फ़ोल्डर से टूल एक बार इंस्टॉल करें:

dotnet tool install --global BazaarSaaS.ThemeKit --add-source ./tool

फिर:

bazaar-theme init my-theme        # starter theme को ./my-theme में कॉपी करें
bazaar-theme serve my-theme       # सैंपल स्टोर पर प्रीव्यू; सेव करते ही रीलोड
bazaar-theme validate my-theme    # हर नियम, हर पेज अंग्रेज़ी, हिंदी और उर्दू में
bazaar-theme package my-theme     # वह .zip जो आप भेजते हैं

थीम में क्या होता है

my-theme/
├── theme.json        manifest: id, नाम, वर्ज़न, सेटिंग्स, डिज़ाइन टोकन
├── screenshot.png    गैलरी के लिए 1200×900 प्रीव्यू
├── layout/theme.hbs  पेज का ढाँचा (हेडर, फ़ुटर, पेज कहाँ आएगा)
├── templates/        हर पेज के लिए एक JSON फ़ाइल: कौन से सेक्शन, किस क्रम में
├── sections/         हर सेक्शन = <type>.hbs (मार्कअप) + <type>.json (उसकी सेटिंग्स)
├── partials/         साझा हिस्से (प्रोडक्ट कार्ड, क़ीमत…)
├── assets/           CSS, JS, इमेज, फ़ॉन्ट
└── locales/          हर भाषा में आपकी थीम के अपने शब्द

थीम होम, प्रोडक्ट, कलेक्शन / कैटेगरी / सर्च, कार्ट और कंटेंट पेज बनाती है। चेकआउट, पेमेंट, लॉग-इन, खाता और ऑर्डर ट्रैकिंग प्लेटफ़ॉर्म आपके लेआउट के अंदर स्टोर के रंगों और फ़ॉन्ट से बनाता है — ताकि थीम कोई भी हो, ये हमेशा चलें।

नियम जो स्टोर को सुरक्षित और तेज़ रखते हैं

टेम्पलेट सिर्फ़ दिया गया डेटा पढ़ सकते हैं और सूची में दिए helpers बुला सकते हैं — कोई नेटवर्क कॉल नहीं, फ़ाइल तक पहुँच नहीं, सर्वर पर कोड चलाना नहीं। इंस्टॉल के समय पैकेज जाँचे जाते हैं (paths, साइज़, टेक्स्ट एन्कोडिंग), और हर पेज हर भाषा में बनना चाहिए। validator ठीक-ठीक बताता है कि कौन सा नियम कहाँ टूटा।

भेजिए

1. bazaar-theme validate तब तक चलाएँ जब तक पास न हो, फिर bazaar-theme package।
2. zip, स्क्रीनशॉट और यह कि किस तरह की दुकान के लिए है, हमें भेजें (संपर्क)।
3. हम उसे स्वीकृति चेकलिस्ट पर जाँचते हैं, असली स्टोरों पर आज़माते हैं और या तो मंज़ूर करते हैं या नोट भेजते हैं।
4. मंज़ूर थीम हर स्टोर की थीम गैलरी और मार्केटप्लेस में दिखती है — मुफ़्त, या पेड (एक बार) — और स्टोर अपना चुना वर्ज़न तब तक रखते हैं जब तक ख़ुद अपडेट न करें।

AI से बना रहे हैं? Dev Kit में तैयार prompt है — हमारी तीन सैंपल थीम एक AI ने सिर्फ़ किट के सहारे बनाई हैं।