بانر رئيسي (الهيرو)

البانر الكبير الذي يظهر عادة في أعلى الصفحة الرئيسية، فوق كل العناصر الأخرى. يدعم شريحة واحدة أو عرض شرائح متعدد، كل شريحة بخلفيتها الخاصة (صورة، فيديو، أو تدرج لوني)، ونص عنوان، وعنوان فرعي، وعداد تنازلي، وحتى زرين. لا يحتوي هذا القسم على عنوان مستقل خاص به - كل شريحة تحمل نصها الخاص.

التخطيط

• عرض كامل للشاشة - عند التفعيل، يمتد البانر ليغطي عرض نافذة المتصفح بالكامل من الحافة إلى الحافة. عند التعطيل، يبقى ضمن عرض محتوى الصفحة المعتاد، متناسقاً مع بقية عناصر المتجر.

تشغيل تلقائي للشرائح

عند التفعيل، ينتقل البانر تلقائياً إلى الشريحة التالية دون تدخل الزائر. عند التعطيل، يجب على الزائر النقر على سهم أو نقطة، أو التمرير، للتنقل بين الشرائح.

مدة عرض الشريحة (ثواني)

عدد الثواني التي تبقى فيها كل شريحة ظاهرة قبل أن ينتقل التشغيل التلقائي للشريحة التالية. بالنسبة لشريحة تحتوي فيديو مرفوع، تبقى الشريحة معروضة حتى ينتهي تشغيل الفيديو بدلاً من ذلك.

نمط مؤشر الشرائح

طريقة عرض مؤشر موضع الشريحة: نقاط صغيرة، أشرطة تقدم متحركة على شكل ستوري (كما في منصات التواصل الاجتماعي)، خطوط رفيعة، أرقام (مثل “1 / 4”)، أو بدون مؤشر على الإطلاق.

إظهار أسهم التنقل

يضيف أزرار سهم لليمين واليسار فوق البانر، يستخدمها الزائر للتنقل بين الشرائح يدوياً.

نسبة أبعاد البانر (سطح المكتب)

تتحكم في شكل البانر على شاشات الحاسوب - من الحجم الأصلي للصورة إلى أشكال ثابتة مثل شريط عريض 16:9، بانر عريض 3:1، 4:3، مربع 1:1، أو شكل طولي 3:4. اختيار نسبة ثابتة يقوم باقتصاص الخلفية لتناسبها؛ “الحجم الأصلي للصورة” يجعل ارتفاع البانر يتبع أبعاد الصورة الطبيعية.

نسبة أبعاد البانر (الجوال)

نفس اختيار نسبة الأبعاد أعلاه (بدون خيار 3:1)، لكن يُطبق فقط عند عرض المتجر من هاتف أو شاشة صغيرة.

ملاءمة ارتفاع الشاشة

يمنع البانر من أن يصبح أطول من شاشة الزائر، بحيث يظهر البانر كاملاً دون الحاجة للتمرير. عند الوصول إلى الحد، يصغر البانر ويبقى في منتصف الصفحة.

• منع تجاوز البانر لارتفاع الشاشة (يظهر البانر كاملاً بدون تمرير) - عند التفعيل، يُحدَّد أقصى ارتفاع للبانر حسب القيم أدناه. عند التعطيل (وهو الافتراضي)، يتحدد حجم البانر حسب نسبة الأبعاد فقط وقد يصبح أطول من الشاشة.
• أقصى ارتفاع على سطح المكتب (٪ من ارتفاع الشاشة) - أقصى ارتفاع يمكن أن يصل إليه البانر على شاشات الحاسوب، كنسبة من ارتفاع الشاشة (من 40% إلى 100%).
• أقصى ارتفاع على الجوال (٪ من ارتفاع الشاشة) - نفس الحد، لكن لشاشات الهاتف.

قائمة الشرائح

كل شريحة في القائمة تمثل لوحة كاملة الشاشة داخل البانر. عند إضافة أكثر من شريحة، يتحول البانر إلى عرض شرائح يمكن للزائر التنقل بينه.

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