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

القوالب

يقدّم DZBuild 7 قوالب قابلة للاختيار لواجهة المتجر — Starter وDigital وBrico وShowcase وPrestige وPromobi وBloom. بدِّل في أي وقت دون فقدان البيانات.

بقلم: Support

يقدّم DZBuild 7 قوالب قابلة للاختيار. القالب يحدّد مظهر صفحتك الرئيسية بالكامل — الرأسية والـ hero وشبكة المنتجات والأقسام والتذييل. اختر القالب الذي يناسب نوع الكتالوج الذي تبيعه، ثم خصِّص الألوان والبنرات والنصوص من لوحة التحكم.

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

القوالب السبعة

Slug

العرض

الخطة

يناسب

الطابع

starter

Starter

Free

المتاجر الجديدة، الكتالوجات البسيطة

نظيف، بسيط، سريع جدًا

digital

Digital

Free

المنتجات الرقمية فقط — شحن الألعاب، تراخيص البرمجيات، بطاقات الهدايا، الكتب الإلكترونية، الخدمات عبر الإنترنت

داكن، عصري، كثيف بالمنتجات

brico

Brico

Free

المتاجر التقنية ومحلّات العتاد والحِرَف

بلاطات تصنيفات كبيرة، فلاتر، شريط تنقّل سفلي على الجوال

showcase

Started V2

Pro

كتالوجات العلامات متعدّدة التصنيفات

hero بعرض كامل، بنر ترويجي، كاروسيل للمنتجات المميّزة، شارات ثقة

prestige

Prestige

غير محدود

الموضة، المجوهرات، الفخامة

فسيح، طباعة فاخرة

promobi

Promobi

Enterprise

علامات الـ streetwear والموضة

أحادي اللون، أشرطة marquee متحرّكة، عنوان علامة عملاق مفرّغ، شعار في وسط شريط التنقّل

bloom

Bloom

غير محدود

التجميل ومستحضرات العناية

hero وردي بعرض كامل مع شارة، دوائر تصنيفات، كاروسيل «مختار لك»، بطاقات ناعمة

⚠️ تنبيه — قالب Digital تبديل لوضع المتجر لا مجرّد شكل

تفعيل Digital يحوّل متجرك إلى وضع المنتجات الرقمية. عندها يتوقّف المتجر عن جمع الولاية / البلدية / العنوان، وتُعطَّل أسعار الشحن والتكامل مع شركات التوصيل والدفع عند الاستلام. لا تختره للمنتجات المادّية — للإلكترونيات والـ streetwear استعمل Showcase أو Promobi، وللتجميل استعمل Bloom.

⚠️ تنبيه — القوالب فوق مستوى خطّتك

showcase يتطلّب Pro، وprestige وbloom يتطلّبان «غير محدود»، وpromobi يتطلّب Enterprise. يستمرّ قالبك في العرض حتى لو انتهى اشتراكك — فالتخطيط لا يُعاد ضبطه. أمّا ما يتغيّر فعلًا فهو مجموعة الألوان الافتراضية للقالب: تعود طبقة الألوان إلى القيم الافتراضية لقالب Starter في كل لون لم تحدّده بنفسك، وتبقى بطاقة القالب مقفلة في أداة الاختيار حتى تُرقّي خطّتك.

الـ slug هو الاسم المختصر للقالب؛ أمّا أداة الاختيار فتعرض الاسم المعروض.

أين تبدِّل القالب

لوحة التحكم → القوالب (/dashboard/themes). اضغط تفعيل هذا القالب على بطاقة القالب. أما القوالب الأعلى من خطّتك فتعرض شارة قفل ورابط ترقية إلى /dashboard/subscribe بدلًا من ذلك. واختيار Digital يفتح نافذة تأكيد (مع مهلة 10 ثوانٍ قبل أن يُفتَح زر التأكيد) تنبّه إلى أن القالب مخصّص للمنتجات الرقمية فقط.

تحتوي تلك الصفحة على ثلاثة تبويبات، لا تبويب واحد:

التبويب

ما يضبطه

Boutique / المتجر

القوالب السبعة أعلاه

Fast Checkout / الطلب السريع

شكل نموذج الطلب المدمج في صفحة المنتج

Variantes / المتغيرات

شكل بطاقات خيارات المتغيّرات في صفحة المنتج

قوالب الدفع السريع

القالب

الخطة

النمط

Classique

Free

التصميم الافتراضي للدفع السريع — حقول واضحة وألوان قابلة للتخصيص

Commerce

Pro

مظهر تجاري بأسلوب Shopify — حقول فسيحة، بطاقات توصيل، زر شراء أخضر

Editorial

غير محدود

جماليّات المجلّات — خط serif تحريري، خطوط فاصلة رفيعة، خلفية كريمية

Compact

Enterprise

تخطيط B2B مكثَّف فوق الطيّة — خط IBM Plex وزوايا حادّة

Stepper

Enterprise

نموذج موجَّه من 3 خطوات مع شريط تقدُّم وعلامات إكمال

أنماط المتغيّرات

اثنا عشر نمطًا لبطاقات خيارات المتغيّرات، بالإضافة إلى خيار Default المجاني (بلا تنسيق إضافي) الذي يبدأ عليه كل متجر:

الخطة

الأنماط

Pro

Minimal، Clay، Softplay، Stacked

غير محدود

Editorial، Material، Offer

Enterprise

Brutal، Glass، Luxe، Mashrabiya، Pixel

تخصيص القالب الذي تستعمله

لوحة التحكم → التخصيص (/dashboard/customize). لا توجد صفحة /dashboard/customize/prestige — فخيارات Prestige (الـ hero، التصنيفات، المنتجات المميّزة، البنر، العلامة، آراء العملاء) تظهر كأقسام إضافية داخل صفحة التخصيص العادية بمجرّد تفعيل Prestige، وكل القوالب الأخرى تعمل بالطريقة نفسها. ويوجد رابط قديم منفصل /dashboard/customize/digital لكنه غير مرتبط بأي قائمة ويعيد التوجيه إلى /dashboard/customize إن لم يكن قالبك هو Digital.

ما يمكن تخصيصه في كل قالب

تغطي صفحة التخصيص (/dashboard/customize) الأساسيات في كل القوالب:

  • الرأسية والشعار — الشعار وأيقونة الموقع (الأيقونة تتطلّب Pro فما فوق). لا توجد صورة بطاقة اجتماعية منفصلة ؛ يُستعمل شعارك كصورة مشاركة.

  • الألوان والخط — الأساسي، الثانوي، الخلفية (Pro فما فوق)، عناوين الأقسام (Pro فما فوق)، الخط (Cairo / Tajawal / Almarai)، نمط الأزرار. مع معاينة فورية.

  • Heroصور hero لسطح المكتب وللجوال، بالإضافة إلى العنوان والعنوان الفرعي ونص/رابط زر الدعوة للإجراء. لا يوجد فيديو hero.

  • البنرات — بنر ترويجي واحد في Showcase وPrestige وBloom ؛ وبنران بالإضافة إلى شريط hero بثلاث شرائح في Digital ؛ ولا شيء في Starter وBrico وPromobi.

  • المنتجات / التصنيفات المميّزة — يمكنك تفعيل الكتل أو إخفاؤها وإعادة تسميتها. أما أي المنتجات تظهر فيُحدَّد بمفتاح مميّز في كل منتج داخل محرِّر المنتجات، والصفحة الرئيسية تعرض 8 منتجات كحدّ أقصى. والتصنيفات تأتي من صفحة التصنيفات.

  • ترتيب صفحة المنتج (Pro فما فوق) — اسحب كتل صفحة المنتج (المعرض، التصنيف، العنوان، السعر، العروض، المتغيّرات، الإضافات، أزرار الشراء، الدفع السريع، الوصف) بأي ترتيب تريده.

  • التذييل — اللون (Pro فما فوق)، نص «من نحن»، حقوق النشر، روابط التواصل (WhatsApp، Facebook، Instagram، TikTok، Telegram، GitHub)، رابط مخصّص واحد، ومفتاح «إخفاء علامة DZBuild» على «غير محدود» فما فوق.

نصوص نافذة السلة هي نصوص ثابتة من المنصّة بلغة المتجر الواحدة (العربية أو الفرنسية، تُضبَط من التخصيص ← لغة المتجر) وليست قابلة للتعديل من طرف التاجر.

أما الإضافات الخاصّة بكل قالب فتظهر كأقسام إضافية داخل صفحة التخصيص نفسها بمجرّد تفعيل القالب.

تبديل القوالب — ما يُنقل وما لا يُنقل

تبقى منتجاتك، تصنيفاتك، طلباتك، عملاؤك، الإضافات (addons)، النطاقات، إعدادات الدفع والشحن كما هي تمامًا عند تبديل القالب.

عنوان الـ hero وعنوانه الفرعي وزرّه، وعناوين الأقسام، وصورة البنر، وألوانك، واختياراتك للمنتجات المميّزة — كلها مخزَّنة على مستوى المتجر لا على مستوى القالب، فتنتقل مباشرة ولا تحتاج إلى إعادة إدخالها. والقالب الذي لا يملك خانة بنر (Starter وBrico وPromobi) لا يعرض بنرًا ببساطة، كما أن hero قالب Starter لا يحتوي على حقل رابط لزر الدعوة للإجراء.

وحدها بيانات تخطيط قالب Digital — شرائح شريط الـ hero، والبنران الترويجيان، وشريط التصنيفات، والأكثر مبيعًا، والأكثر رواجًا حسب التصنيف، وكتلة الأعمدة المتعدّدة — تُخزَّن بشكل منفصل، وتبقى سليمة، فتعود كما هي عند الرجوع إلى Digital.

استثناءان لقاعدة «القوالب تتعلّق بالعرض فقط»:

  1. الانتقال إلى Digital يحوّل متجرك إلى وضع المنتجات الرقمية ويعيد كتابة كل لون ما يزال على قيمته الافتراضية إلى لوحة Digital الداكنة (الخلفية البيضاء ← #0a0a1a، شريط التنقّل الأبيض ← #0f0f23، التذييل #1f2937#06060f، عناوين الأقسام ونص شريط التنقّل الداكنة ← فاتحة). أما الألوان التي اخترتها بنفسك فتبقى كما هي، ولا يُمَسّ لونك الأساسي ولا الثانوي.

  2. نقل متجر Digital بعيدًا عن Digital يحوّله من جديد إلى متجر مادّي — فتتوقّف صفحات المنتجات الرقمية ومسار الطلب الرقمي ومسارات الدفع الرقمية عن العمل حتى تعود إليه.

💡 نصيحة — قالب Digital واللون الأبيض الصافي

Digital قالب داكن، وهو يتجاوز قسرًا الخلفية أو شريط التنقّل بالأبيض الصافي ويعيدهما إلى قيمه الداكنة الافتراضية. إذا أردت خلفية فاتحة على Digital، استعمل أبيض مكسورًا مثل #fefefe — فهذا يثبُت.

إضافات خاصة بالقوالب

بعض الإضافات مصمّمة حول قالب معيّن:

  • إضافة متغيّرات منتج Digital (خطة Pro، وقالب Digital حصرًا) تستبدل مُحدِّد المتغيّرات في Digital بأكورديون قابل للطيّ يعرض فيه كل خيار اسمه وسعره النهائي (السعر الأساسي + التعديل) — ونقطة لون للمتغيّرات اللونية التي تحمل كود لون. وهي لا تعرض صور معاينة لكل خيار ؛ بل إنها تزيلها، لأن المُحدِّد المدمج في Digital يعرض أصلًا صورة مصغّرة وشارة سعر لكل خيار مُعلَّم بـ إظهار كبطاقة، والإضافة تُخفي ذلك المُحدِّد الأصلي وتعيد بناء الواجهة بنفسها. انظر دليل قالب Digital.

  • إضافة مُحدِّد Stop Desk تُضيف مُنتقي نقاط استلام منظَّم في الـ checkout بصرف النظر عن القالب.

انظر قسم الإضافات للكتالوج الكامل.

CSS مخصَّص

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

/* تدوير أزرار "أضف إلى السلة" في شبكات المنتجات */
.add-to-cart { border-radius: 999px; }/* زوايا أنعم لبطاقات المنتجات */
.product-card { border-radius: 16px; }

محدِّدات صندوق البحث والـ hero خاصّة بكل قالب وتوجد في الصفحة الرئيسية فقط.brico-search و.sc-search (لـ Showcase وBloom) و.pr-search و.pm-search و.mobile-search (لـ Starter وDigital) — لذلك افحص متجرك أنت قبل كتابة قاعدة تستهدفها. أما .btn-primary فلا يوجد إلا في صفحة تأكيد الطلب، لا على الأزرار التي يريد أغلب التجّار إعادة تنسيقها.

إذا كسر تعديلٌ مظهرَ متجرك، فرّغ الحقل واحفظ للتراجع — لا يوجد أي تعديل مدمّر.

أسئلة شائعة

س: هل أفقد بياناتي عند تبديل القالب؟ ج: لا. تُحفَظ المنتجات / الطلبات / الإعدادات. والاستثناءان أعلاه يخصّان Digital وحده.

س: هل سيستمر نطاقي المخصّص في العمل؟ ج: نعم. النطاقات مرتبطة بمتجرك لا بالقالب.

س: هل يمكنني العودة إلى قالبي السابق؟ ج: نعم — نصوص الـ hero وعناوين الأقسام والبنرات والألوان مشتركة بين القوالب، فيعود تخطيطك. مع تحفُّظ واحد: إذا جرّبت Digital ثم عدت، فكل لون كان ما يزال على قيمته الافتراضية سيكون قد أُعيدت كتابته إلى لوحة Digital الداكنة ولن يُستعاد. أعِد ضبط ألوان الخلفية وشريط التنقّل والتذييل وعناوين الأقسام ونص شريط التنقّل يدويًّا. (إعادة التعيين تفعل ذلك أيضًا، لكن تذكّر أنها تحذف نهائيًّا الشعار وأيقونة الموقع وصورة الـ hero التي رفعتها.)

س: هل يمكنني تصميم قالبي الخاص؟ ج: حاليًا تتوفّر القوالب الرسمية فقط. تغطي صفحة التخصيص + CSS المخصَّص معظم الاحتياجات ؛ للحصول على تصميم خاص بالكامل تواصل مع الدعم بشأن باقة Enterprise.

هل أجاب هذا عن سؤالك؟