مسار twilight.json
حقل قابل للتعديل
type
مبني على Tailwind وCSS variables، بنظام ITCSS منظم، وبواجهة عربية أوّلاً. كل قسم في الصفحة الرئيسية قابل لإعادة الترتيب والتعديل من محرر التاجر.
سبعة عشر إمكانية ضمن twilight.json تُفعّل من المحرر، ومجموعة من تعزيزات تجربة المستخدم خاصة بقالب بهيج.
٢٥ مكوّنًا مخصصًا بادئته T_*، إضافة إلى ٦ مكوّنات قياسية موروثة من قالب Raed. لكل مكوّن صورة معاينة، وعدد حقول للتاجر، وأيقونة في قائمة المحرر.
كل لون وزاوية ومسافة يستخدمها القالب يُعرَّف كمتغير، ولكل وضع (فاتح/داكن) قيمته الخاصة. غيّر اللون الأساسي يتغيّر كل شيء.
حرّك المؤشر لرؤية تأثير main_radius_val و card_radius_val.
يؤثر التحريك على هذه الصفحة بأكملها — كل بطاقة، زر، وحاوية تستخدم نفس المتغيرين كما في القالب. The slider affects this entire page — every card, button, and container shares the same two variables as the theme.
كل تبديل يُقرأ من إعدادات التاجر في twilight.json ويُحقن في الصفحة عبر <script> في master.twig. جرّبها مباشرة.
قطن ١٠٠٪ — قصّة عريقة
معاينة مباشرة — كل تبديل أدناه يطبّق فورًا. Live preview — every toggle below applies instantly.
القالب لا يستضيف المتجر — سلة تفعل ذلك وقت العرض. هذه المستودع هو طبقة العرض فقط: قوالب Twig، أنماط SCSS، حزم JS، ومخطط التحرير في twilight.json.
📦 جميع طبقات SCSS تُجمَّع إلى ملف واحد app.css لأن Tailwind @apply يحلّ الأصناف المخصصة عبر تمريرة جمع واحدة.
📦 All SCSS layers compile into a single app.css because Tailwind @apply resolves custom classes across one build pass.
القالب مفتوح المصدر على GitHub. كلّ مكوّن يحمل بادئة T_* جاهز للتعديل أو الاستبدال.