تسوّق الإطلالة

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

عنوان القسم وزخرفته

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

الخلفية

• ملف الفيديو - ملف فيديو مرفوع يُستخدم كخلفية للقسم. يُشغَّل تلقائياً بدون صوت وبشكل متكرر، ويُقتص ليملأ ارتفاع القسم.
• أو رابط فيديو MP4 - رابط لملف فيديو بصيغة MP4 يُستخدم كخلفية بدلاً من رفع ملف. إذا أُضيف الاثنان معاً، يُستخدم ملف الفيديو المرفوع.
• صورة (غلاف الفيديو أو بديل عنه) - عند إضافة فيديو، تظهر هذه الصورة ريثما يتم تحميل الفيديو. وعند عدم وجود فيديو، تصبح هذه الصورة هي الخلفية نفسها، مقتصّة لتملأ ارتفاع القسم.
• صورة الجوال (اختياري) - صورة مستقلة تظهر على الهاتف بدلاً من الصورة الرئيسية، مفيدة لصورة طولية أو بتأطير أقرب. تُطبق فقط عندما تكون الخلفية صورة وليست فيديو.
• تعتيم الخلفية - يضيف طبقة داكنة فوق الخلفية لتخفيف حدّتها وإبراز بطاقات المنتجات، من 0% (بدون تعتيم) إلى 80%.

التخطيط

• الارتفاع على الكمبيوتر - ارتفاع منطقة الخلفية على شاشات الحاسوب، من 360 إلى 900 بكسل.
• الارتفاع على الجوال - ارتفاع منطقة الخلفية على شاشات الهاتف، من 240 إلى 700 بكسل.
• عرض كامل الشاشة - عند التفعيل، يمتد القسم ليغطي عرض نافذة المتصفح بالكامل من الحافة إلى الحافة. عند التعطيل، يبقى ضمن عرض محتوى الصفحة المعتاد بزوايا مستديرة قليلاً.
• موضع بطاقات المنتجات (كمبيوتر) - مكان لوحة المنتجات الطافية فوق الجزء السفلي من الخلفية على شاشات الحاسوب: “نهاية السطر” (جهة اليسار في العربية، واليمين في الإنجليزية)، “المنتصف”، أو “بداية السطر”. على الجوال تظهر البطاقات دائماً أسفل الخلفية.
• عرض البطاقة (كمبيوتر) - عرض لوحة المنتجات الطافية على شاشات الحاسوب، من 180 إلى 340 بكسل.
• بطاقات مكدسة مائلة - عند التفعيل، تظهر خلف لوحة المنتجات على شاشات الحاسوب بطاقتان مائلتان قليلاً، فتبدو كأنها رزمة من البطاقات فوق بعضها. عند التعطيل، تظهر اللوحة كبطاقة واحدة مستوية.
• عدد البطاقات الظاهرة على الجوال - عدد بطاقات المنتجات الظاهرة جنباً إلى جنب على الهاتف، من 1 إلى 3؛ ويسحب الزائر لرؤية البقية.

منتجات الإطلالة

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