ساختار پوشه‌ها

درخت کلی پروژه

template/
├── index.html                 # صفحه اصلی فروشگاه
├── bazaar.html                # بازار فروشگاه‌های اینستاگرامی
├── fresh.html                 # سوپرمارکت آنلاین
├── fashion.html               # مارکت پوشاک
├── product.html               # جزئیات محصول (PDP)
├── cart.html                  # سبد خرید
├── shipping.html              # انتخاب آدرس و زمان ارسال
├── payment.html               # پرداخت
├── profile*.html              # ۱۸ صفحه پنل کاربری (پر/خالی)
├── blog.html                  # لیست مقالات
├── blog-post.html             # جزئیات مقاله
├── faq.html                   # سوالات متداول
├── login-singup.html          # ورود و ثبت‌نام
├── coming-soon.html           # صفحات «به‌زودی»
├── demo.html                  # لندینگ معرفی قالب
│
├── _header-snippet.html       # اسنیپت هدر کامل
├── _ds-logo-snippet.html      # اسنیپت لوگو
├── _support-widget-snippet.html
├── _profile-sidebar-snippet.html
├── _profile-mobile-drawer.html
├── _profile-mains/            # محتوای داخلی بخش‌های پروفایل
│
├── assets/
│   ├── css/
│   ├── js/
│   └── images/
│
└── help/                      # مستندات (همین پوشه)

پوشه assets/css/

فایل	نقش
`output.css`	Tailwind v4 کامپایل‌شده — utility classes
`swiper-bundle.min.css`	استایل Swiper
`novira.css`	استایل پایه و کامپوننت‌های `ds-*`
`novira-support.css`	ویجت پشتیبانی شناور
`novira-fashion.css`	تم اختصاصی پوشاک
`novira-fresh.css`	تم اختصاصی سوپرمارکت
`novira-cart.css`	صفحه سبد
`novira-product.css`	صفحه محصول
`novira-profile.css`	پنل کاربری
`novira-shipping.css`	مرحله ارسال
`novira-payment.css`	مرحله پرداخت
`novira-blog.css`	بلاگ
`novira-faq.css`	FAQ
`novira-auth.css`	ورود/ثبت‌نام
`novira-coming-soon.css`	به‌زودی
`novira-demo.css`	صفحه دمو

پوشه assets/js/

فایل	نقش
`novira.js`	هسته مشترک — `noviraShared()`, `novira()`, داده mock
`novira-*.js`	ماژول Alpine هر صفحه
`alpine.js`	فریم‌ورک Alpine.js 3
`swiper-bundle.min.js`	کتابخانه اسلایدر
`main.js`	راه‌اندازی Swiper روی `[data-swiper]`

پوشه assets/images/

زیرپوشه	محتوا
`novira/`	لوگو، بنرها، بلاگ، shop، اسکرین‌شات دمو
`product/`	تصاویر محصولات نمونه (electronic، fashion، grocery و ...)
`fashion-banners/`	بنرهای lookbook پوشاک

فایل‌های HTML با پیشوند `_`

فایل‌هایی که با _ شروع می‌شوند صفحه مستقل نیستند — قطعات قابل کپی برای ساخت یا ویرایش صفحات هستند. مرورگر مستقیماً آن‌ها را باز نمی‌کند (مگر سرور خاصی داشته باشید).

node_modules/

پوشه node_modules/ در برخی نسخه‌های قالب وجود دارد ولی در صفحات HTML استفاده نمی‌شود. برای استقرار روی هاست آپلود نکنید.

قانون مسیرها

همه لینک‌های asset به‌صورت نسبی هستند:

تا زمانی که assets/ کنار فایل‌های HTML بماند، مسیرها درست کار می‌کنند.