البانر الرئيسي
يُعد مكون البانر الرئيسي واجهة متجرك وأول ما يراه زوارك. يمكنك استخدام هذا المكون لعرض أحدث العروض، المنتجات المميزة، أو إيصال رسالة ترحيبية جذابة للعملاء من خلال عرض صور أو فيديوهات، مع إمكانية إضافة نصوص توضيحية وأزرار انتقال لتشجيعهم على التسوق.
خيارات المسافات
تتحكم هذه الخيارات في المسافات الداخلية للمكون (لإضافة مسافات خارجية يرجى إضافة عنصر «فاصل» من القائمة).
| اسم الخيار | الوصف |
|---|---|
| المسافة العلوية - شاشات الكمبيوتر | تحديد مقدار الفراغ أعلى البانر عند تصفح المتجر من جهاز الكمبيوتر. |
| المسافة العلوية - شاشات الجوال | تحديد مقدار الفراغ أعلى البانر عند تصفح المتجر من الجوال، لضمان مظهر متناسق على الشاشات الصغيرة. |
| المسافة السفلية - شاشات الكمبيوتر | تحديد مقدار الفراغ أسفل البانر عند التصفح من جهاز الكمبيوتر. |
| المسافة السفلية - شاشات الجوال | تحديد مقدار الفراغ أسفل البانر عند التصفح من الجوال. |
خيارات البانر الرئيسي (الإعدادات العامة)
تتحكم هذه الخيارات في طريقة عرض البانر بشكل عام داخل صفحة المتجر.
| اسم الخيار | الوصف |
|---|---|
| عرض العنصر بكامل الشاشة | تفعيل هذا الخيار يجعل البانر يمتد بالعرض ليغطي كامل مساحة الشاشة من اليمين إلى اليسار. |
| تفعيل التشغيل التلقائي | في حال أضفت أكثر من صورة أو فيديو، تفعيل هذا الخيار يجعلها تتبدل وتتحرك بشكل تلقائي دون أن يضطر المستخدم لسحبها بنفسه. |
قائمة البانرات والمحتوى
يمكنك إضافة مجموعة من البانرات (تصل إلى 8 بانرات كحد أقصى) تظهر بشكل متتابع، وكل بانر يحتوي على إعداداته الخاصة به كما يلي:
| اسم الخيار | الوصف |
|---|---|
| نوع البانر | يتيح لك اختيار ما إذا كنت تريد عرض “صورة” أو “فيديو” في هذه الشريحة. |
| الصورة | رفع الصورة الأساسية التي ستظهر للزوار (يظهر هذا الخيار إذا اخترت النوع: صورة). |
| الصورة في الجوال | رفع صورة بتصميم ومقاس مختلف لتبدو بشكل مثالي ومقروء لمستخدمي الجوال. |
| رابط الفيديو | إدراج رابط الفيديو الذي تود عرضه للعملاء (يظهر هذا الخيار إذا اخترت النوع: فيديو). |
| درجة تظليل الصورة | يضيف طبقة لونية داكنة أو شفافة فوق الصورة لزيادة وضوح وبروز النصوص والأزرار المكتوبة عليها. |
| موضع المحتوي | يحدد مكان تواجد النصوص وزر الانتقال داخل البانر (على اليمين، على اليسار، أو في المنتصف). |
| العنوان المصغر | نص قصير يظهر عادة أعلى العنوان الرئيسي (مثال: “تشكيلة الصيف” أو “عرض خاص”). |
| لون العنوان المصغر | اختيار لون العنوان المصغر بما يتناسب مع خلفية البانر. |
| العنوان الرئيسي | النص الأساسي والأكبر حجماً، يستخدم لكتابة اسم العرض أو المنتج لجذب الانتباه. |
| لون العنوان الرئيسي | اختيار لون النص للعنوان الرئيسي. |
| النص التوضيحي | فقرة قصيرة تشرح تفاصيل أكثر عن العرض، تظهر تحت العنوان الرئيسي. |
| لون النص التوضيحي | اختيار لون النص للفقرة التوضيحية. |
| نص الزر | الكلمة التي تظهر داخل زر التفاعل والنقر (مثال: “تسوق الآن”، “اكتشف المزيد”). |
| رابط الزر | تحديد الوجهة التي سينتقل إليها العميل عند الضغط على الزر (يمكنك توجيهه لمنتج معين، تصنيف، صفحة التخفيضات، أو حتى رابط خارجي). |
| لون الزر | اختيار لون خلفية زر الانتقال ليبرز بشكل جذاب للعميل. |
| لون نص الزر | اختيار لون الكلمة المكتوبة داخل الزر. |