قالب Digital

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

أبرز الميزات

• رأس صفحة ثابت مع عدّاد السلة والبحث ومبدِّل اللغة
• Hero متحرك — صورة / فيديو / كاروسيل منتجات يدور تلقائيًّا
• شبكة منتجات أنيقة — 2/3/4 أعمدة، معاينة عند المرور، شارات اختيارية (تخفيض، جديد، الأكثر مبيعًا)
• مُحدِّد متغيّرات على شكل أكورديون من خطوتين (مع إضافة متغيّرات منتج Digital) — معاينات صور، شارة سعر، يُمرِّر معرض الصور إلى صورة المتغيّر عند اختياره
• شريط تنقّل سفلي على الجوال (الرئيسية، التصنيفات، البحث، السلة، الحساب)
• الوضع المظلم اختياريًّا
• سلة منزلقة بنصوص مترجمة بالفرنسية والعربية والإنجليزية

يناسب

• الهواتف، الحواسيب، الإكسسوارات، الأجهزة
• الأحذية الرياضية، streetwear، الملابس الرياضية
• التجميل ومستحضرات التجميل
• كل ما يستفيد من الصور الجيّدة والحركة السلسة

أين تخصِّصه

قالب Digital له صفحة تخصيصه الخاصّة في لوحة التحكم → التخصيص → Digital (/dashboard/customize/digital). تكشف خيارات خاصة بـ Digital إضافة إلى أدوات التحكم المشتركة في /dashboard/customize:

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

لرفع بنر، تُنادي الصفحة /dashboard/customize/digital/upload-banner في الخلفية — لا تدخّل يدويّ، فقط سحب وإفلات.

المتغيّرات على قالب Digital

بُني قالب Digital حول أكورديون المتغيّرات في خطوتين، المتاح عند تثبيت إضافة متغيّرات منتج Digital. النمط:

1. يفتح الزبون صفحة المنتج فيرى قائمة بمجموعات المتغيّرات (مثل اللون ← المقاس).
2. يُعرَض كل خيار كبطاقة بصورة معاينة واسم وفيها شارة سعر تُظهر السعر النهائي (السعر الأساسي + price_adjustment للخيار).
3. عندما يختار الزبون خيارًا مرتبطًا بصورة منتج، يُمرَّر المعرض إلى تلك الصورة تلقائيًّا.
4. بعد اختيار المجموعة الأولى، تنفتح المجموعة الثانية.

يدعم هذا النمط أنواع المتغيّرات color وtext وimage_text. ضع علامة show as card في محرّر المنتج على الخيارات التي تحتاج إلى ثقل بصري إضافي (مثل ألوان الموضة أو محدّدات العلامة التجارية).

انظر دليل المتغيّرات لإعداد المتغيّرات.

إضافات موصى بها

• متغيّرات منتج Digital — الأكورديون الموصوف أعلاه. موصى بها بقوّة لأي متجر تكنولوجيا / موضة.
• تقييمات المنتجات — نجوم وصور للزبائن أسفل صفحة المنتج.
• إطار الصور والقصّ — إطارات بهوية العلامة وقصّ بنِسَب الأبعاد لصور منتجاتك.
• مُحدِّد Stop Desk — يُضيف مُنتقي نقاط استلام منظَّم في الـ checkout.

نصائح

• اجعل فيديو الـ hero قصيرًا (≤ 8 ثوان، متكرّرًا، صامتًا) — مقاطع الـ autoplay الطويلة تضرّ بزمن التحميل على الشبكات الجزائرية.
• لتخطيط الشبكة، 3 أعمدة هي الحلّ الأمثل على سطح المكتب ؛ 4 أعمدة فقط إذا كانت صورك واضحة ومُقتطعة بشكل متّسق.
• استعمل شارة السعر كمُحفِّز — اعرض أوّلًا المتغيّر الذي سعره أكثر إغراء. سيضغط الزبون لمقارنة الباقي.
• يحافظ شريط التنقّل السفلي على الجوال على وصول دائم للسلة — لا تعطّله إلا لسبب وجيه.