مكون سلايدر مع صورة خلفية
يتيح لك هذا المكون إنشاء سلايدر جذاب مع إمكانية إضافة صورة خلفية، نصوص مخصصة، أزرار وروابط، وتحكم كامل بالألوان والتنسيق. مثالي للعروض الترويجية أو إبراز رسالة تسويقية قوية في الصفحة الرئيسية.
متى تستخدم هذا المكون؟
- لإبراز عرض أو رسالة تسويقية مع صورة خلفية لافتة.
- عند الحاجة لسلايدر نصي مع أزرار وروابط متعددة.
- لعرض أكثر من شريحة (حتى 5) مع نصوص وأزرار مختلفة.
إعدادات المكون
- العنوان الفرعي / العنوان / الوصف: أضف نصوصًا تعريفية تظهر فوق السلايدر (كلها تدعم تعدد اللغات).
- حجم النص وسمكه: تحكم في حجم وسمك النصوص (صغير، متوسط، كبير/عادي، خفيف، متوسط، عريض).
- لون الخلفية: لون خلفية السلايدر (يظهر فقط إذا لم يتم تعيين صورة خلفية).
- لون النصوص: خصص لون جميع النصوص.
- صورة الخلفية: أضف صورة خلفية عالية الجودة لجذب الانتباه.
- الأزرار فوق السلايد:
- أضف حتى 3 أزرار، لكل زر نص متعدد اللغات ورابط (منتج، تصنيف، صفحة، رابط خارجي...).
- تحكم في حجم الأزرار (صغير، متوسط، كبير) وتنسيقها (نص، نص مسطر، محدد، مملوء) وألوانها (خلفية/نص).
- السلايدات (Slides):
- أضف حتى 5 سلايدات، كل سلايد يمكن أن يكون صورة أو فيديو مع عنوان ورابط.
- تشغيل تلقائي للسلايدر: تفعيل أو تعطيل الحركة التلقائية.
- إخفاء الأسهم: إظهار أو إخفاء أسهم التنقل.
- عدد السلايدات في الشاشات الكبيرة/الموبايل: تحكم بعدد السلايدات الظاهرة في كل عرض.
- المسافة بين السلايدات: خصص المسافة بين السلايدات في كل عرض.
أفضل الممارسات
- استخدم صورة خلفية متناسقة مع هوية متجرك.
- اجعل النصوص مختصرة وواضحة، وفعّل الأزرار للروابط المهمة فقط.
- اختر ألوانًا متناسقة مع الخلفية والنصوص لسهولة القراءة.
- لا تكثر من عدد الأزرار أو السلايدات حتى لا يصبح المكون مزدحمًا.
مثال عملي
- العنوان: "اكتشف مجموعتنا الجديدة"
- الوصف: "تسوق الآن أحدث المنتجات مع عروض حصرية."
- صورة خلفية: مثال (opens in a new tab)
- زر 1: "تسوق الآن" (رابط لمنتج)
- زر 2: "اكتشف المزيد" (رابط تصنيف)
- سلايد 1: صورة + عنوان + رابط
- سلايد 2: فيديو + عنوان + رابط
قوة القالب: هذا المكون يمنحك مرونة كبيرة في إبراز العروض أو الرسائل التسويقية مع تحكم كامل في التصميم والتجربة البصرية.