N مستندات Novira مشاهده دمو صفحه اصلی قالب

راهنمای صفحات

بازگشت به فهرست

دسته‌بندی صفحات

فروشگاه و مارکت‌پلیس

فایلعنوانAlpine x-dataCSS اضافیJS اضافی
index.htmlصفحه اصلیnovira()novira.css, novira-support.cssnovira.js
bazaar.htmlبازار (فروشگاه‌های اینستاگرامی)noviraBazaar()novira-bazaar.cssnovira-bazaar.js
fresh.htmlسوپرمارکتnoviraFresh()novira-fresh.cssnovira-fresh.js
fashion.htmlپوشاکnoviraFashion()novira-fashion.cssnovira-fashion.js
product.htmlجزئیات محصولnoviraProduct()novira-product.cssnovira-product.js

فرایند خرید

فایلعنوانAlpineCSSJS
cart.htmlسبد خریدnoviraCart()novira-cart.cssnovira-cart.js
shipping.htmlزمان ارسالnoviraShipping()novira-shipping.cssnovira-shipping.js
payment.htmlپرداختnoviraPayment()novira-payment.cssnovira-payment.js

حساب کاربری

همه صفحات profile*.html از یک ماژول مشترک استفاده می‌کنند:

  • CSS: novira-profile.css
  • JS: novira-profile.js
  • تابع: noviraProfile('section') — پارامتر بخش فعال منو
فایلبخش (activeNav)حالت
profile.htmlhomeپر
profile-empty.htmlhomeخالی
profile-orders.htmlordersپر
profile-orders-empty.htmlordersخالی
profile-plus.htmlplusپر
profile-plus-empty.htmlplusخالی
profile-lists.htmllistsپر
profile-lists-empty.htmllistsخالی
profile-messages.htmlmessagesپر
profile-messages-empty.htmlmessagesخالی
profile-recent.htmlrecentپر
profile-recent-empty.htmlrecentخالی
profile-info.htmlinfoپر
profile-info-empty.htmlinfoخالی
profile-giftcards.htmlgiftcardsپر
profile-giftcards-empty.htmlgiftcardsخالی
profile-comments.htmlcommentsپر
profile-comments-empty.htmlcommentsخالی
profile-addresses.htmladdressesپر
profile-addresses-empty.htmladdressesخالی

محتوا و پشتیبانی

فایلعنوانAlpineCSSJS
blog.htmlمجلهnoviraBlog()novira-blog.cssnovira-blog.js
blog-post.htmlمقالهnoviraBlogPost()novira-blog.cssnovira-blog-post.js
faq.htmlFAQnoviraFaq()novira-faq.cssnovira-faq.js
coming-soon.htmlبه‌زودیnoviraComingSoon()novira-coming-soon.cssnovira-coming-soon.js

احراز هویت و معرفی

فایلعنوانAlpineCSSJS
login-singup.htmlورود/ثبت‌نامnoviraAuth()novira-auth.cssnovira-auth.js
demo.htmlلندینگ دموnoviraDemo()novira-demo.cssnovira-demo.js

الگوی لود اسکریپت (مهم)

ترتیب استاندارد در انتهای :


  



قوانین:

  1. novira.js همیشه قبل ماژول صفحه
  2. alpine.js همیشه آخر با attribute defer
  3. صفحاتی با اسلایدر: swiper + main.js قبل از Alpine

الگوی لود CSS







پیش‌نمایش گالری

صفحه demo.html فهرست کامل صفحات با اسکرین‌شات را در novira-demo.js نگه می‌دارد.

گام بعدی