شخصیسازی قالب
تغییر نام و برند
متن فارسی
جستجو در کل پروژه برای «نوویرا» و جایگزینی با نام برند خودتان:
- فایلهای
*.html—</code>, meta، فوتر، aria-label</li> <li><a href="../assets/js/novira.js"><code>assets/js/novira.js</code></a> — <code>seller</code>, <code>shipLabel</code>, منو، بلاگ</li> <li><a href="../assets/js/novira-coming-soon.js"><code>assets/js/novira-coming-soon.js</code></a> — عناوین بخشهای بهزودی</li> </ul> <h3 id="لوگو">لوگو</h3> <div class="docs-table-wrap"><table class="docs-table"> <thead><tr><th>فایل</th><th>کاربرد</th></tr></thead> <tbody> <tr><td><code>assets/images/novira/logo.svg</code></td><td>لوگوی wordmark</td></tr> <tr><td><code>assets/images/novira/logo-icon.svg</code></td><td>آیکون هدر</td></tr> </tbody></table></div> <p>میتوانید SVG را ویرایش کنید یا با PNG/WebP جایگزین کنید (مسیر <code><img></code> را در HTML بهروز کنید).</p> <h3 id="ایمیل-تماس">ایمیل تماس</h3> <p>جستجو: <code>info@novira.ir</code> → ایمیل خودتان (در HTML و <code>novira-cart.js</code>, <code>novira-faq.js</code>).</p> <h2 id="رنگها">رنگها</h2> <p>متغیرهای CSS در <a href="../assets/css/novira.css"><code>novira.css</code></a>:</p> <pre><code class="language-css">:root { --ds-brand: #EF4056; /* رنگ اصلی — قرمز */ --ds-brand-dark: #D32F45; --ds-green: #00A049; --ds-text: #3F3F3F; /* ... */ } </code></pre> <h3 id="تم-پوشاک-fashionhtml">تم پوشاک (<code>fashion.html</code>)</h3> <p>در <a href="../assets/css/novira-fashion.css"><code>novira-fashion.css</code></a>:</p> <pre><code class="language-css">--ds-fashion-accent: #B5276B; </code></pre> <h3 id="تم-سوپرمارکت-freshhtml">تم سوپرمارکت (<code>fresh.html</code>)</h3> <p>در <a href="../assets/css/novira-fresh.css"><code>novira-fresh.css</code></a> — متغیرهای سبز تم fresh.</p> <h3 id="تم-بازار-bazaarhtml">تم بازار (<code>bazaar.html</code>)</h3> <p>در <a href="../assets/css/novira-bazaar.css"><code>novira-bazaar.css</code></a> — متغیرهای بنفش تم bazaar.</p> <pre><code class="language-css">--ds-bazaar-accent: #6929C4; </code></pre> <h2 id="فونت">فونت</h2> <p>پیشفرض: <strong>Vazirmatn</strong> از Google Fonts.</p> <h3 id="هاست-محلی-فونت">هاست محلی فونت</h3> <ol> <li>فونت را از <a href="https://fonts.google.com/specimen/Vazirmatn">Google Fonts</a> دانلود کنید</li> <li>در <code>assets/fonts/</code> قرار دهید</li> <li>در CSS:</li> </ol> <pre><code class="language-css">@font-face { font-family: 'Vazirmatn'; src: url('../fonts/Vazirmatn-Regular.woff2') format('woff2'); font-weight: 400; } </code></pre> <ol> <li>لینک CDN را از <code><head></code> حذف کنید</li> </ol> <h2 id="داده-محصولات-mock">داده محصولات (mock)</h2> <p>در <a href="../assets/js/novira.js"><code>novira.js</code></a> آرایههای زیر را ویرایش کنید:</p> <div class="docs-table-wrap"><table class="docs-table"> <thead><tr><th>آرایه</th><th>کاربرد</th></tr></thead> <tbody> <tr><td><code>productsPopular</code></td><td>پرفروشترینها</td></tr> <tr><td><code>productsAmazing</code></td><td>پیشنهاد شگفتانگیز</td></tr> <tr><td><code>productsDiscount</code></td><td>تخفیفدار</td></tr> <tr><td><code>blogPosts</code></td><td>مقالات مجله</td></tr> <tr><td><code>footerColumns</code></td><td>لینکهای فوتر</td></tr> </tbody></table></div> <p>تابع <code>productImgFor(folder, id)</code> مسیر تصویر را از <code>assets/images/product/</code> میسازد.</p> <h2 id="بنرها">بنرها</h2> <p>مسیر بنرها در <code>novira.js</code>:</p> <pre><code class="language-js">image: 'assets/images/novira/banners/01.png' </code></pre> <p>فایلهای جدید را در <code>assets/images/novira/banners/</code> قرار دهید.</p> <h2 id="احراز-هویت-دمو">احراز هویت دمو</h2> <p>ورود mock با <code>sessionStorage</code>:</p> <pre><code class="language-js">// novira.js function dsIsLoggedIn() { return sessionStorage.getItem('dsAuth') === '1'; } </code></pre> <p>پس از ورود در <code>login-singup.html</code>، این کلید set میشود. برای اتصال به بکاند واقعی، این توابع را با API جایگزین کنید.</p> <h2 id="meta-و-SEO">meta و SEO</h2> <p>در <code><head></code> هر صفحه:</p> <pre><code class="language-html"><title>نام فروشگاه | فروشگاه اینترنتی تغییر نام فایلها (پیشرفته)
اگر میخواهید
noviraرا در نام فایلها عوض کنید، باید همه ارجاعات در HTML و JS را همزمان بهروز کنید. پیشنهاد: نام فایلها را نگه دارید و فقط برند UI را عوض کنید.گام بعدی