اجرای محلی
قالب برای اجرا به npm، Node.js یا بیلد نیاز ندارد. همه فایل‌ها همان‌طور که هستند در مرورگر کار می‌کنند.
روش ۱: باز کردن مستقیم فایل
روی index.html یا demo.html دوبار کلیک کنید. همه چیز کار می‌کند: فونت‌ها، آیکون‌ها، عکس‌ها، سبد خرید و تم تاریک.
روش ۲: سرور محلی (پیشنهادی هنگام توسعه)
با سرور محلی، آدرس‌ها مثل هاست واقعی رفتار می‌کنند. یکی از این‌ها را در پوشه قالب اجرا کنید:
# VS Code: افزونه Live Server، سپس «Open with Live Server»
# Python
python -m http.server 8080
# Node.js (اگر نصب دارید)
npx serve .
سپس http://localhost:8080 را باز کنید.
نگه‌داری داده در مرورگر
| کلید | محل | محتوا |
|---|---|---|
dsCart | sessionStorage | سبد خرید؛ با بستن تب پاک می‌شود |
dsAuth | sessionStorage | وضعیت ورود نمایشی |
dsTheme | localStorage | تم روشن یا تاریک انتخاب‌شده |
برای شروع از صفر، در کنسول مرورگر sessionStorage.clear(); localStorage.clear() را اجرا کنید یا تب را ببندید.
ساختار کلی
Perimium Card Package/
├── demo.html, index.html, index-alt.html, index-dark.html
├── product.html, cart.html, shipping.html, payment.html, …
├── assets/
│ ├── css/ (pc-tokens, pc-site, pc-pages, pc-home-*, pc-demo)
│ ├── js/ (alpine.js, premium.js, premium-*.js, pc.js, pc-demo.js)
│ ├── fonts/ (dana, iranyekan, kalameh)
│ ├── images/ (photos, marks, demo, favicon.svg)
│ └── vendor/ (phosphor)
├── _partials/ (هدر، فوتر و منوی موبایل مشترک)
├── scripts/ (sync-partials.mjs)
└── help/ (همین مستندات)
جزئیات بیشتر در ساختار پوشه‌ها.