اسنیپت‌های قابل کپی

فایل‌های با پیشوند _ قطعات HTML آماده هستند — برای ساخت صفحه جدید یا refactor بدون تکرار کد.

_header-snippet.html

محتوا: هدر کامل + فوتر + ویجت پشتیبانی + اسکریپت‌های پایه

کاربرد: الگوی کامل یک صفحه فروشگاه. هنگام ساخت صفحه جدید می‌توانید از این فایل به‌عنوان نقطه شروع copy/paste استفاده کنید.

شامل:

با meta و CSS
هدر دو ردیفه، مگامنو، موبایل
فوتر SEO
ویجت پشتیبانی

_ds-logo-snippet.html

محتوا: دو نسخه لوگو

آیکون — ds-logo ds-logo-icon برای هدر موبایل
Wordmark — ds-logo ds-logo-wordmark با متن «نوویرا»


  نوویرا

محتوا: دکمه شناور پشتیبانی + پنل چت mock

وابستگی:

CSS: novira-support.css
Alpine state: supportOpen در noviraShared()

در انتهای قبل از اسکریپت‌ها قرار دهید.

محتوا: منوی کناری پنل کاربری (دسکتاپ)

وابستگی:

novira-profile.css
noviraProfile('section') — آیتم فعال با پارامتر

_profile-mobile-drawer.html

محتوا: دراور منوی پروفایل برای موبایل

با profileAccountNavOpen در Alpine کنترل می‌شود.

_profile-mains/

محتوای

هر بخش پروفایل — جدا از layout کلی:

فایل	بخش
`home-empty.html`	داشبورد خالی
`plus.html` / `plus-empty.html`	نوویرا پلاس
`orders-empty.html`	سفارش خالی
`messages.html`	پیام‌ها
`addresses.html`	آدرس‌ها
...	...

نحوه استفاده: محتوای فایل را داخل

در profile.html کپی کنید.

نکات استفاده از اسنیپت

مسیرها نسبی هستند — اسنیپت را در همان سطح index.html استفاده کنید
پس از کپی، x-data و CSS/JS صفحه را با راهنمای صفحات تطبیق دهید
اسنیپت‌ها فایل مستقل نیستند — مستقیماً در مرورگر تست نکنید مگر layout کامل داشته باشند

ساخت صفحه جدید از اسنیپت

1. کپی _header-snippet.html → mypage.html
2. محتوای  را با محتوای خود جایگزین کنید
3. x-data را به تابع مناسب تغییر دهید
4. CSS/JS مخصوص صفحه را اضافه کنید
5. لینک منو را در novira.js / HTML به‌روز کنید