استراپی CMS
تنظیمات سراسری — کنترل فروشگاه بدون کد
بخش Global Settings در Strapi CMS به شما امکان میدهد ظاهر، چیدمان و رفتار کلی فروشگاه خود را از یک پنل واحد تغییر دهید — بدون نیاز به لمس هیچ کدی. تغییرات در تمام صفحات اعمال میشوند.
۱. تنظیمات پایهای وبسایت (Website Settings)
برای تغییر ظاهر کلی سایت، از بخش Single Types وارد Storefront Setting شوید.
- تغییر به تومان (convertToToman): با روشن کردن این دکمه، تمام قیمتهای دریافتی از مدوسا (که ریال هستند) با حذف یک صفر به صورت تومان نمایش داده میشوند.
- راستچین (isRtl): کنترل جهتگیری سایت برای زبانهای راستچین مثل فارسی.
- تنظیمات ماژولار (Dynamic Zones): در بخش
modulesروی دکمه+ Add a component to modulesکلیک کنید تا تنظیمات بخشهای مختلف مثلHeader SettingsیاFooter SettingsیاTheme Settings(رنگبندی) را اضافه کرده و تغییر دهید.
🌐 هدر اصلی سایت (Header Settings)
استایل هدر (headerStyle)
مشاهده تمامصفحه
🌐 فوتر اصلی سایت (Footer Settings)
استایل فوتر (footerStyle)
مشاهده تمامصفحه
🧩 استایل هدر سکشنها (Section Headers)
مشاهده تمامصفحه
🎨 پالتهای رنگی تم (Theme Settings)
🖌️ افزودن پالت رنگی (از طریق کدنویسی)
توجه داشته باشید که پالتهای رنگی شامل فایلهای کامپوننت دانلودی نیستند و مستقیماً از طریق متغیرهای CSS در سورسکد تعریف میشوند. برای اضافه کردن یک پالت رنگی جدید، مراحل زیر را دنبال کنید:
- متغیرهای رنگی CSS (مانند
--background،--foregroundو--primary) را برای تم جدید خود در فایلglobals.css(درون یک کلاس یا دیتا-اتریبیوت جدید) تعریف کنید. - در تنظیمات
tailwind.config.jsرنگهای سفارشی خود را در صورت نیاز اضافه و متصل کنید. - مقدار جدید را در استراکچر Schema پنل استراپی برای فیلد پالتها اضافه کنید تا ادمین بتواند آن را انتخاب کند.
تم روشن (lightPalette)
پالت پیشفرض روشنhsl(0 0% 100%)
پسزمینه
#FFFFFF
رنگ اصلی
#171717
رنگ ثانویه
#F5F5F5
اکسنت
#F5F5F5
تم تیره (darkPalette)
پالت پیشفرض تاریکhsl(0 0% 3.9%)
پسزمینه
#0A0A0A
رنگ اصلی
#FAFAFA
رنگ ثانویه
#262626
اکسنت
#262626
📱 استایل صفحات فروشگاه (Pages Settings)
صفحه تک محصولی (Product Details)
مشاهده تمامصفحه
صفحه فروشگاه / دستهبندیها (Store Page)
مشاهده تمامصفحه
سبد خرید (Cart Page)
مشاهده تمامصفحه
صفحه پرداخت (Checkout Page)
مشاهده تمامصفحه
جزئیات سفارش (Order Page)
مشاهده تمامصفحه
👤 صفحات کاربری (Account Settings)
فرم ورود / ثبتنام (Login Page)
مشاهده تمامصفحه
داشبورد کاربری (Profile Page)
مشاهده تمامصفحه
⚙️ سایر تنظیمات بصری (Other UI Settings)
پسزمینه سایت (Background)
مشاهده تمامصفحه
منوی پایین در موبایل (Bottom Nav Bar)
مشاهده تمامصفحه
تغییرات فوری اعمال میشوند
پس از ذخیره تنظیمات در Strapi، وبهوک home page به طور خودکار فعال میشود. برای سایر صفحاتی که از دادههای کششده استفاده میکنند، ممکن است نیاز به فعالسازی دستی وبهوک مربوطه یا انتظار برای انقضای کش داشته باشید.
کاتالوگ و استایلهای بلاکهای ماژولار صفحه اصلی
برای مشاهده و انتخاب استایلهای ۶ بلاک صفحه اصلی (Hero، Showcase، Features و...) به راهنمای بلاکهای ماژولار مراجعه کنید.