محرّر التخصيص في DZBuild محرّرٌ مباشر: غيِّر إعدادًا في جهة الأدوات وشاهد معاينة المتجر تتحدّث في الجهة المقابلة.
🎬 فيديو — جولة تخصيص كاملة
أين تجده
توجد صفحة تخصيص واحدة: من القائمة الجانبية تخصيص المتجر ← تخصيص (/dashboard/customize). وهي تعمل مع كل القوالب.
أما الخيارات الخاصّة بكل قالب فتظهر كأقسام إضافية داخل تلك الصفحة بمجرّد تفعيل القالب — فـ Prestige مثلًا يضيف: الـ hero، والتصنيفات، والمنتجات المميّزة، والبنر، والعلامة، وآراء العملاء. ولا توجد صفحة /dashboard/customize/prestige. ويوجد محرِّر قديم منفصل على /dashboard/customize/digital لمتاجر Digital، لكنه غير مرتبط بلوحة التحكم ويعيد التوجيه إلى /dashboard/customize إن لم يكن قالبك هو Digital.
ما يمكنك تخصيصه
الصفحة منظَّمة في الأقسام التالية، إضافةً إلى ما يضيفه قالبك النشط:
القسم | الأدوات |
لغة المتجر | العربية أو الفرنسية. هذا يقلب المتجر بأكمله، بما في ذلك اتجاه النص |
الرأسية والشعار | الشعار، الـ favicon (Pro فما فوق)، اسم المتجر مع إظهاره/إخفائه، لون شريط التنقّل ولون نصّه (Pro فما فوق)، نمط شريط التنقّل (افتراضي / وسط / بسيط / شفّاف)، نمط القائمة (افتراضي / أقراص / تسطير / أزرار)، حجم الشعار (صغير / متوسط / كبير)، نمط أيقونة السلة (افتراضي / ممتلئ / مفرّغ)، مفاتيح التثبيت والظلّ والحدّ، إظهار أيقونة السلة |
الألوان والخط | الأساسي، الثانوي، الخلفية (Pro فما فوق)، عناوين الأقسام (Pro فما فوق)، الخط (Cairo / Tajawal / Almarai)، نمط الأزرار (مدوّر / مربّع / قرصي) |
شريط البحث | إظهار بحث المتجر أو إخفاؤه |
شريط الإعلان (Pro) | النص، الرابط، لون الخلفية، لون النص |
بطاقة المنتج | إخفاء «أضف إلى السلة»، إخفاء إجراء الـ hover، إخفاء التصنيف، إخفاء السعر، إخفاء سعر المقارنة، إخفاء الشارة، انحناء الزوايا (0 / 8 / 16 / 24 بكسل)، إجراء الزر (أضف إلى السلة أو اشترِ الآن)، نمط الزر، نص الزر، تخطيط الصورة |
ترتيب المنتجات | دفع المنتجات النافدة إلى آخر القوائم |
صفحة المنتج | تخطيط الصورة، إطار الصورة، المنتجات ذات الصلة، إخفاء «أضف إلى السلة» / «اشترِ الآن» / السلة (Pro)، بالإضافة إلى حقول الدفع السريع أدناه |
صفحة الدفع (Pro) | إخفاء حقول الإيميل / العنوان / الملاحظات، تخطيط الصفحة، وإعادة كتابة عنوان الصفحة وعناوين المعلومات الشخصية / العنوان / التوصيل / الملخّص ونص الزر ونص الدفع ورسالة النجاح ونص البنر — إضافة إلى لونَي خلفية البنر والرأسية |
التذييل | اللون (Pro)، نص «من نحن»، حقوق النشر، روابط WhatsApp / Facebook / Instagram / TikTok / Telegram / GitHub، رابط مخصّص واحد، إخفاء علامة DZBuild («غير محدود» فما فوق) |
SEO | عنوان الصفحة، الوصف الميتا، الكلمات المفتاحية |
CSS مخصَّص (Enterprise) | حقن أي CSS للتغلّب على الإعدادات الافتراضية للقالب |
غير متوفّر: لا يوجد مُحمِّل لصورة البطاقة الاجتماعية / OG (شعارك هو صورة المشاركة)، ولا خط Inter أو Roboto، ولا خط منفصل للعناوين، ولا فيديو hero، ولا مُنتقي منتجات لكتلة المنتجات المميّزة (استعمل مفتاح مميّز في كل منتج — والصفحة الرئيسية تعرض 8 كحدّ أقصى)، ولا إعدادات لنصوص نافذة السلة، ولا تحكُّم في قائمة الجوال، ولا أيقونات دفع في التذييل. والقوالب التي تملك شريط تنقّل سفليًّا على الجوال هي Brico وStarted V2 (showcase) وBloom ؛ أما كل القوالب الأخرى، بما فيها Digital، فتستعمل قائمة البرغر المنسدلة المشتركة.
الدفع السريع (Fast Checkout) — نموذج الطلب المدمج
يمكن لصفحة المنتج أن تحمل نموذج طلب مدمجًا حتى لا يحتاج العميل إلى الوصول إلى السلة أصلًا. توجد أدواته في قسم صفحة المنتج: إظهار/إخفاء الدفع السريع (Pro)، وعنوانه، ونص زرّه، ولون خلفيته، ولون الزر، ولون زر «اشترِ الآن»، وإظهار حقل ملاحظات، والتخطيط بعمود واحد، وأيقونات الحقول، وإخفاء حقل العنوان.
أما الشكل البصري للنموذج فاختيار منفصل من لوحة التحكم → القوالب → الدفع السريع (Classique = Free، Commerce = Pro، Editorial = غير محدود، Compact وStepper = Enterprise).
سير العمل
افتح لوحة التحكم → التخصيص.
لوحة الأدوات تضمّ كل عناصر التحكم ؛ واللوحة المقابلة تعرض معاينة مباشرة لمتجرك.
بدِّل بين معاينة سطح المكتب واللوحي والجوال من أعلى لوحة المعاينة.
اضغط حفظ عند الرضا.
لا يوجد زرّ «تجاهل». للتخلّي عن تعديلات غير محفوظة، أعِد تحميل الصفحة — فلا شيء يُخزَّن قبل الضغط على «حفظ». والأداة الوحيدة الأخرى هي زرّ ↺ إعادة التعيين بجانب «حفظ»، وهو يستعيد الإعدادات الافتراضية للمتجر كلّه ويحذف نهائيًّا الصور التي رفعتها — أي أنه ليس زرّ تراجع.
متى يرى الزوّار التغيير
أنت ترى التغيير فورًا في المعاينة، ويراه الزوّار عادةً خلال ثوانٍ من ضغطك على «حفظ». وإذا لم يظهر لك، فالسبب في الغالب هو ذاكرة متصفّحك أنت — أعِد التحميل بقوّة أو افتح نافذة خاصّة.
رفع الصور من المخصِّص
اسحب وأفلت أو اضغط على أي حقل صورة للرفع — الشعار والـ hero وhero الجوال والـ favicon والبنرات كلّها تعمل بنفس الطريقة، ولبنرات قالب Digital الترويجية وشرائح الـ hero الخاصة به أداة رفع خاصّة داخل أقسام Digital.
تُستضاف الصور المرفوعة وتُقدَّم لك عبر شبكة توصيل الصور الخاصة بـ DZBuild. وتُعاد أحجام صور الـ hero والبنرات الترويجية وبلاطات التصنيفات وشبكات منتجات القوالب وشعار الرأسية تلقائيًا بما يناسب الحجم المعروض به، كما تُضغَط البنرات إلى WebP (بحدّ أقصى 2000 بكسل) عند الرفع، فحجم الملف الأصلي ليس مشكلة. أما الـ favicon فهو الأصل الوحيد الذي يُقدَّم كما رُفِع تمامًا، ولهذا يجب أن يطابق حجمه أحد الأحجام المقبولة — انظر الهوية البصرية.
إعادة التعيين إلى الإعدادات الافتراضية
🛑 هام جدًا — إعادة التعيين تحذف الصور التي رفعتها
لوحة التحكم → التخصيص → ↺ إعادة التعيين (/dashboard/customize/reset) تستعيد إعدادًا افتراضيًّا ثابتًا بأسلوب Starter — لون أساسي كهرماني #f59e0b، خلفية بيضاء، خط Cairo، عناوين عربية افتراضية — مهما كان القالب الذي تستعمله. وهي لا تستعيد لوحة ألوان قالبك.
كما أنها تحذف نهائيًّا الشعار وأيقونة الموقع وصورة الـ hero لسطح المكتب التي رفعتها من مساحة التخزين، وتمسح CSS المخصَّص ونصّ الإعلان ونصوص الـ hero والأقسام والتذييل. منتجاتك وطلباتك وعملاؤك لا تتأثّر، لكن أصول علامتك تختفي ويجب رفعها من جديد.
خيارات خاصّة بالقالب
يضيف كل قالب أقسامه الخاصّة إلى صفحة التخصيص:
Digital — شريط hero (3 شرائح صور، لكل واحدة عنوان ونص زر ورابط) بالإضافة إلى ودجة جانبية، وشريط تصنيفات، والأكثر مبيعًا، والأكثر رواجًا حسب التصنيف، وبنرَين ترويجيَّين، وكتلة أعمدة متعدّدة.
Prestige — الـ hero، التصنيفات، المنتجات المميّزة، البنر الترويجي، العلامة/التواصل، آراء العملاء.
Started V2 (showcase) — الـ hero، التصنيفات، البنر الترويجي، المنتجات المميّزة، العلامة/التواصل، 3 شارات ثقة.
Bloom — الـ hero، التصنيفات، المنتجات المميّزة، البنر الترويجي، 3 شارات ثقة.
Promobi — الـ hero، شريط الـ marquee (مع إعداد للسرعة)، الكتالوج، 3 شارات ثقة.
Brico — شريط التنقّل الفرعي، التصنيفات، الأكثر مبيعًا، معلومات المتجر.
Starter — الـ hero، التصنيفات، المنتجات المميّزة.
أما انحناء زوايا البطاقات ونمط شريط التنقّل وإعدادات التذييل فهي خيارات أساسية متاحة في كل القوالب. وكثافة الشبكة (2 / 3 / 4 أعمدة) غير قابلة للضبط في أي قالب.
انظر الوثائق لكل قالب لمعرفة شكل كل واحد.
إعادة ترتيب صفحة المنتج (Pro فما فوق)
يمكن لمتاجر Pro و«غير محدود» وEnterprise سحب كتل صفحة المنتج بأي ترتيب من صفحة التخصيص: المعرض، التصنيف، العنوان، السعر، العروض، المتغيّرات، الإضافات، أزرار الشراء، الدفع السريع، الوصف. ويوجد رابط لإعادتها إلى الترتيب الافتراضي.
CSS مخصَّص (Enterprise)
تكشف باقة Enterprise حقل CSS مخصَّص. أي شيء تضعه فيه يُحمَّل بعد صفحة أنماط القالب، فتتغلّب قواعدك.
/* تدوير أزرار "أضف إلى السلة" في شبكات المنتجات */
.add-to-cart { border-radius: 999px; }/* زوايا أنعم لبطاقات المنتجات */
.product-card { border-radius: 16px; }
⚠️ تنبيه
الـ CSS المخصَّص قويّ لكن يَسهُل أن يُكسَر. إذا بدا متجرك مكسورًا بعد تعديل CSS، فرّغ الحقل واحفظ للتراجع — لا يوجد تعديل مدمِّر.
👈 جديد على CSS أو تريد قوالب جاهزة للّصق؟ اقرأ دليل الـ CSS المخصَّص — شرح كامل لكيفية عمل CSS، وقائمة محدِّدات متجر DZBuild، وعشرات القوالب الجاهزة (أزرار، بطاقات، خطوط، تعديلات الجوال، والمزيد).
نصائح
عاين على هاتف حقيقي، ليس فقط على تبويب معاينة الجوال. الزبائن الجزائريون يتسوّقون أساسًا على الجوال، وغالبًا على شبكات بطيئة.
متجرك يعمل بلغة واحدة — العربية أو الفرنسية، تُختار من التخصيص ← لغة المتجر. ونصوص السلة نصوص ثابتة من المنصّة لا يمكن تعديلها. وإذا كنت تحتاج مبدِّل لغة يراه العميل، أضف إضافة المتجر متعدّد اللغات (خطة «غير محدود») ؛ وهي تغطّي الفرنسية والعربية، ولا توجد لغة إنجليزية للمتجر.
لا تُبالغ في تخصيص الألوان. التزم بلونَي accent ودَع صورك تكمل الباقي.
بعد جلسة تخصيص كبيرة، شارك رابطك بشكل خاصّ على WhatsApp — معاينة المشاركة (شعارك) اختبار سريع جيّد.