إنتقل إلى المحتوى الرئيسي

تخصيص المتجر

محرّر التخصيص في DZBuild محرّرٌ مباشر: غيِّر إعدادًا في اليسار وشاهد معاينة المتجر تتحدّث في اليمين. كل حفظ يُنشَر خلال ثوانٍ.

🎬 فيديو — جولة تخصيص كاملة

أين تجده

  • صفحة التخصيص العامة: لوحة التحكم → التخصيص (/dashboard/customize) — تعمل لكل قالب.
  • صفحات خاصة بكل قالب (فقط للقوالب التي تحتاج خيارات إضافية):
    • Digital: /dashboard/customize/digital
    • Prestige: /dashboard/customize/prestige

إذا كان قالبك النشط له صفحة مخصّصة، فاذهب إليها للعثور على الخيارات الخاصّة بالقالب مثل مُحمِّل بنرات Digital أو شفافية overlay الـ hero في Prestige.

ما يمكنك تخصيصه

القسمالأدوات
العلامة التجاريةالشعار، الـ favicon، صورة OG / البطاقة الاجتماعية
الألوانالأساسي، الثانوي، الخلفية، النص
الطباعةالخط الأساسي (Cairo، Tajawal، Almarai، Inter، Roboto)، خط عناوين اختياري
رأس الصفحةموقع الشعار، شريط البحث، أيقونة السلة، مبدِّل اللغة
Heroصورة / فيديو / كاروسيل منتجات، عنوان، عنوان فرعي، زر CTA + رابط الهدف
البنرات1–3 بنرات ترويجية، رابط هدف لكل بنر
منتجات مميّزةاختر المنتجات التي تظهر على الصفحة الرئيسية
تصنيفات مميّزةكتلة التصنيفات المميّزة
Footerأعمدة الروابط، أيقونات التواصل، أيقونات الدفع، معلومات الاتصال
القائمة على الجوالشريط تنقّل سفلي (Digital / Showcase) أو قائمة برغر (الباقي)
نافذة السلةنصوص ومفاتيح ترجمة السلة المنزلقة
CSS مخصَّص (Pro)حقن CSS للتغلّب على الإعدادات الافتراضية

سير العمل

  1. افتح لوحة التحكم → التخصيص.
  2. اللوحة اليمنى تضمّ كل الأدوات ؛ اللوحة اليسرى تعرض المعاينة المباشرة.
  3. بدِّل بين معاينة سطح المكتب والجوال من الأعلى.
  4. اضغط حفظ عند الرضا. تُبَثّ التغييرات في حوالي ثانيتَين.
  5. استعمل تجاهل للتراجع عن التعديلات غير المحفوظة.

رفع الصور من المخصِّص

اسحب وأفلت أو اضغط على أي حقل صورة للرفع. في الخلفية، تُنادي الصفحة:

  • /dashboard/customize/upload — رفع صورة عام (شعار، favicon، صورة OG).
  • /dashboard/customize/digital/upload-banner — مُحمِّل بنرات قالب Digital المخصّص.

تُخزَّن الصور على CDN خاصّ بنا وتُقدَّم عبر cdn.dzbuild.app مع تغيير حجم فوريّ.

إعادة التعيين إلى الإعدادات الافتراضية

إذا ساءت جلسة تخصيص، فإن لوحة التحكم → التخصيص → إعادة تعيين (/dashboard/customize/reset) تستعيد إعدادات القالب الافتراضية. لا تتأثّر منتجاتك أو طلباتك أو بياناتك الأخرى — فقط شكل وإحساس المتجر.

خيارات خاصّة بالقالب

يكشف كل قالب مجموعة صغيرة من الإعدادات الخاصّة به. أبرزها:

  • Digital — متغيّر الـ hero (صورة / فيديو / كاروسيل)، انحناء حدود البطاقات، مفتاح bottom-nav الجوال، مُحمِّل البنرات.
  • Prestige — شفافية overlay الـ hero، لون accent، شكل الأزرار.
  • Showcase — سلوك الـ hero بعرض كامل، تركيز صفحة المنتج.
  • Brico — كثافة الشبكة (2 / 3 / 4 أعمدة)، شكل بطاقات التصنيف.
  • Starter — تخطيط رأس الصفحة، تخطيط الـ footer.

انظر الوثائق لكل قالب لمعرفة ما يكشفه كل واحد.

CSS مخصَّص (Pro)

تكشف باقة Pro حقل CSS مخصَّص. أي شيء تضعه فيه يُحمَّل بعد صفحة أنماط القالب، فتتغلّب قواعدك.

/* تدوير كل الأزرار الأساسية */
.btn-primary { border-radius: 999px; }

/* إخفاء شريط البحث على الجوال */
@media (max-width: 768px) {
.header-search { display: none; }
}
warning

الـ CSS المخصَّص قويّ لكن يَسهُل أن يُكسَر. إذا بدا متجرك مكسورًا بعد تعديل CSS، فرّغ الحقل واحفظ للتراجع — لا يوجد تعديل مدمِّر.

نصائح

  • عاين على هاتف حقيقي، ليس فقط على تبويب معاينة الجوال. الزبائن الجزائريون يتسوّقون أساسًا على الجوال، وغالبًا على شبكات بطيئة.
  • راقب نافذة السلة في كل لغة تدعمها. تختلف نصوص الترجمة بين القوالب — Prestige على وجه الخصوص يستعمل مفاتيح مختلفة عن البقية.
  • لا تُبالغ في تخصيص الألوان. التزم بلونَي accent ودَع صورك تكمل الباقي.
  • بعد جلسة تخصيص كبيرة، شارك رابطك بشكل خاصّ على WhatsApp — معاينة OG اختبار سريع جيّد.