راهنمای قالب سوپردوپر مارکت
نسخه HTML: برای مطالعه در مرورگر، فایل help/help.html را باز کنید.
سوپردوپر مارکت یک قالب HTML استاتیک و راستبهچپ برای سوپرمارکت آنلاین چندفروشگاهی است: کاربر سبد خرید را میبندد، قیمت همان سبد بین فروشگاههای اطراف مقایسه میشود، فروشنده را انتخاب میکند و با پیک یا حضوری تحویل میگیرد.
۱۷ صفحه آماده، سه صفحه اصلی با پالت و چیدمان کاملاً مستقل، ۲۰۰ کالای نمونه در ۱۰ دستهبندی، و بدون هیچ مرحله build.
نقطه شروع
| هدف | فایل |
|---|---|
| معرفی قالب و گالری همه صفحات | demo.html |
| صفحه اصلی (پالت گرم) | home-1-fresh.html |
| رفتار مشترک همه صفحات | assets/js/superium.js |
| استایل پایه | assets/css/superium.css |
| رنگها و توکنها | assets/css/superium-palettes.css |
| دادهی کالاها | assets/data/products.js |
فهرست مطالب
| # | موضوع | فایل |
|---|---|---|
| ۱ | معرفی قالب، مخاطب و محدودیتها | 01-overview.html |
| ۲ | شروع سریع (۵ دقیقه) | 02-quick-start.html |
| ۳ | اجرای محلی | 03-local-setup.html |
| ۴ | نصب روی هاست | 04-hosting-deployment.html |
| ۵ | ساختار پوشهها | 05-folder-structure.html |
| ۶ | راهنمای صفحات | 06-pages-guide.html |
| ۷ | تکنولوژیها و کتابخانهها | 07-technologies.html |
| ۸ | شخصیسازی | 08-customization.html |
| ۹ | معماری JavaScript | 09-javascript-architecture.html |
| ۱۰ | CSS و استایل | 10-css-and-styling.html |
| ۱۱ | ابزارهای ساخت (اختیاری) | 11-build-tools.html |
| ۱۲ | عیبیابی | 12-troubleshooting.html |
پیشنیازهای حداقلی
- یک مرورگر مدرن (Chrome، Firefox، Edge، Safari)
- یک ویرایشگر متن (VS Code پیشنهاد میشود)
- برای انتشار: هر هاستی که فایل استاتیک سرو کند (Apache، Nginx، Netlify، GitHub Pages …)
- بدون npm، بدون Node.js، بدون مرحله build
پایتون فقط برای بازتولید صفحات لازم است، نه برای استفاده از آنها. اگر ترجیح میدهید مستقیم HTML را ویرایش کنید، اصلاً به آن نیاز ندارید (ابزارهای ساخت).
سه کار اول
demo.htmlرا باز کنید تا همه صفحات را یکجا ببینید.- رنگ برند را در
superium-palettes.cssعوض کنید و یکی از صفحات اصلی را رفرش کنید. - متنها را مستقیم در فایلهای
.htmlویرایش کنید - ساختارشان استاندارد و بدون قالببندی خاص است.
پشتیبانی
پیش از تماس با پشتیبانی، عیبیابی را ببینید؛ بیشتر پرسشهای رایج همانجا پاسخ داده شده. برای انتشار روی هاست هم نصب روی هاست را دنبال کنید.