# شخصی‌سازی قالب
[بازگشت به فهرست](README.md)
## تغییر نام و برند
### متن فارسی
جستجو در کل پروژه برای «نوویرا» و جایگزینی با نام برند خودتان:
- فایل‌های `*.html` — ``, meta، فوتر، aria-label
- [`assets/js/novira.js`](../assets/js/novira.js) — `seller`, `shipLabel`, منو، بلاگ
- [`assets/js/novira-coming-soon.js`](../assets/js/novira-coming-soon.js) — عناوین بخش‌های به‌زودی
### لوگو
| فایل | کاربرد |
|------|--------|
| `assets/images/novira/logo.svg` | لوگوی wordmark |
| `assets/images/novira/logo-icon.svg` | آیکون هدر |
می‌توانید SVG را ویرایش کنید یا با PNG/WebP جایگزین کنید (مسیر `<img>` را در HTML به‌روز کنید).
### ایمیل تماس
جستجو: `info@novira.ir` → ایمیل خودتان (در HTML و `novira-cart.js`, `novira-faq.js`).
## رنگ‌ها
متغیرهای CSS در [`novira.css`](../assets/css/novira.css):
```css
:root {
--ds-brand: #EF4056; /* رنگ اصلی — قرمز */
--ds-brand-dark: #D32F45;
--ds-green: #00A049;
--ds-text: #3F3F3F;
/* ... */
}
```
### تم پوشاک (`fashion.html`)
در [`novira-fashion.css`](../assets/css/novira-fashion.css):
```css
--ds-fashion-accent: #B5276B;
```
### تم سوپرمارکت (`fresh.html`)
در [`novira-fresh.css`](../assets/css/novira-fresh.css) — متغیرهای سبز تم fresh.
### تم بازار (`bazaar.html`)
در [`novira-bazaar.css`](../assets/css/novira-bazaar.css) — متغیرهای بنفش تم bazaar.
```css
--ds-bazaar-accent: #6929C4;
```
## فونت
پیش‌فرض: **Vazirmatn** از Google Fonts.
### هاست محلی فونت
1. فونت را از [Google Fonts](https://fonts.google.com/specimen/Vazirmatn) دانلود کنید
2. در `assets/fonts/` قرار دهید
3. در CSS:
```css
@font-face {
font-family: 'Vazirmatn';
src: url('../fonts/Vazirmatn-Regular.woff2') format('woff2');
font-weight: 400;
}
```
4. لینک CDN را از `<head>` حذف کنید
## داده محصولات (mock)
در [`novira.js`](../assets/js/novira.js) آرایه‌های زیر را ویرایش کنید:
| آرایه | کاربرد |
|-------|--------|
| `productsPopular` | پرفروش‌ترین‌ها |
| `productsAmazing` | پیشنهاد شگفت‌انگیز |
| `productsDiscount` | تخفیف‌دار |
| `blogPosts` | مقالات مجله |
| `footerColumns` | لینک‌های فوتر |
تابع `productImgFor(folder, id)` مسیر تصویر را از `assets/images/product/` می‌سازد.
## بنرها
مسیر بنرها در `novira.js`:
```js
image: 'assets/images/novira/banners/01.png'
```
فایل‌های جدید را در `assets/images/novira/banners/` قرار دهید.
## احراز هویت دمو
ورود mock با `sessionStorage`:
```js
// novira.js
function dsIsLoggedIn() {
return sessionStorage.getItem('dsAuth') === '1';
}
```
پس از ورود در `login-singup.html`، این کلید set می‌شود. برای اتصال به بک‌اند واقعی، این توابع را با API جایگزین کنید.
## meta و SEO
در `<head>` هر صفحه:
```html
<title>نام فروشگاه | فروشگاه اینترنتی
```
## تغییر نام فایل‌ها (پیشرفته)
اگر می‌خواهید `novira` را در نام فایل‌ها عوض کنید، باید **همه** ارجاعات در HTML و JS را همزمان به‌روز کنید. پیشنهاد: نام فایل‌ها را نگه دارید و فقط برند UI را عوض کنید.
## گام بعدی
- [معماری JavaScript](09-javascript-architecture.md)
- [CSS و استایل](10-css-and-styling.md)