راهنمای صفحه‌ها
صفحه‌های اول
| فایل | پوسته | ایده | CSS اختصاصی |
|---|---|---|---|
index.html | card | کیف پولی از پوشه‌های دسته‌بندی؛ ویترین با ساعت تحویل زنده، ردیف «از پرداخت تا ورود»، فهرست قیمت و پرسش‌ها | pc-home-card.css |
index-alt.html | specimen | هر سرویس روی کاشی رنگی که هنگام اسکرول عوض می‌شود؛ قیمت‌ها به تفکیک دسته | pc-home-specimen.css |
index-dark.html | poster | پوستر خیابانی: تیتر درشت، قیمت داخل جمله، فصل‌های رنگی | pc-home-poster.css |
هر سه از x-data="premium()" استفاده می‌کنند و نوار بالا و فوتر خودشان را دارند (همگام‌سازی روی آن‌ها اثر ندارد).
صفحه‌های داخلی
| فایل | x-data | جاوااسکریپت صفحه |
|---|---|---|
product.html?slug=… | premiumProduct() | premium-product.js |
cart.html | premiumCart() | premium-cart.js |
shipping.html | premiumShipping() | premium-shipping.js |
payment.html | premiumPayment() | premium-payment.js |
checkout-complete.html | premiumCheckoutComplete() | premium-payment.js |
login-singup.html | dsMix(premiumShared(), premiumAuth()) | premium-auth.js |
profile.html و profile-*.html | premiumProfile('بخش') | premium-profile.js |
blog.html | premiumBlog() | premium-blog.js |
blog-post.html | premiumBlogPost() | premium-blog-post.js |
about.html | premiumAbout() | premium-about.js |
contact.html | premiumContact() | premium-contact.js |
terms.html | premiumTerms() | premium-terms.js |
همه از pc-pages.css استفاده می‌کنند و دارند. صفحه‌های خرید، پنل و ورود data-app هم دارند که تیتر را کوچک‌تر و فضا را فشرده‌تر می‌کند.
پنل کاربری
| فایل | بخش |
|---|---|
profile.html | پیشخوان (سفارش‌ها و کیف پول) |
profile-empty.html | پیشخوان بدون سفارش |
profile-info.html | اطلاعات حساب |
profile-addresses.html، profile-addresses-empty.html | آدرس‌های فاکتور |
profile-comments.html، profile-comments-empty.html | دیدگاه‌ها و پرسش‌ها |
profile-giftcards.html، profile-giftcards-empty.html | کارت هدیه |
profile-orders.html | فقط انتقال به profile.html?tab=orders |
ترتیب فایل‌ها در هر صفحه
…
premium.js باید پیش از فایل صفحه بیاید و alpine.js با defer بعد از هر دو.
ساختن صفحه تازه
- یک صفحه داخلی مشابه (مثلاً
terms.html) را کپی کنید. title،descriptionو محتوایرا عوض کنید.- بلوک‌های
،،ورا نگه دارید تا همگام‌سازی آن‌ها را به‌روز کند. - اگر داده خاصی لازم دارد، یک تابع در
premium-نام.jsبسازید کهreturn dsData({ ...premiumShared(), ... })برگرداند.