مستندات پریمیوم کارت معرفی قالب صفحه اول

شروع سریع

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

پنج دقیقه تا اولین تغییر.

۱. باز کردن قالب

فایل demo.html یا index.html را با دوبار کلیک در مرورگر باز کنید. نصب یا سرور لازم نیست.

۲. انتخاب صفحه اول

در demo.html سه صفحه اول را با کلیدهای «کارت»، «کاتالوگ» و «پوستر» ببینید. صفحه‌ای را که نمی‌خواهید، می‌توانید حذف کنید:

صفحه اولفایل HTMLفایل CSS
کارتindex.htmlpc-home-card.css
کاتالوگindex-alt.htmlpc-home-specimen.css
پوسترindex-dark.htmlpc-home-poster.css

اگر یکی را حذف کردید، لینکش را از _partials/pc-footer.html بردارید و همگام‌سازی را اجرا کنید.

۳. نام و تماس

در همه فایل‌ها جستجو و جایگزین کنید:

جستجوجایگزین با
پریمیوم کارتنام فروشگاه شما
info@premiumcard.irایمیل شما
t.me/premiumcardآدرس تلگرام شما
wa.me/989100000000شماره واتس‌اپ شما
۰۲۱-۹۱۰۰۰۰۰۰ و +982191000000تلفن شما

۴. رنگ برند

در assets/css/pc-tokens.css، داخل :root، این سه مقدار را عوض کنید:

--ink: #38450f;      /* تیترها و متن اصلی */
--accent: #38450f;   /* دکمه اصلی */
--field-1: #38450f;  /* فوتر و بخش‌های تمام‌رنگ */

۵. سرویس‌ها و قیمت‌ها

در assets/js/premium.js، آرایه DIGITAL_CATALOG و EXTRA_SERVICES را ویرایش کنید. قیمت‌ها عدد ساده به تومان‌اند (890000). همه صفحه‌ها از همین داده ساخته می‌شوند.

چک‌لیست بعد از تغییر

  • [ ] صفحه اول، محصول و سبد بدون خطا باز می‌شوند (کنسول مرورگر را با F12 ببینید)
  • [ ] فونت فارسی درست نمایش داده می‌شود
  • [ ] افزودن به سبد، شمارنده بالای صفحه را زیاد می‌کند
  • [ ] روی موبایل (حالت موبایل F12) منو باز و بسته می‌شود

گام بعدی