منتجات

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

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

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

زر عرض المزيد

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

اختيار التصنيف

التصنيف الواحد الذي يسحب هذا القسم منتجاته منه.

نوع القسم

هل يعرض القسم منتجات فقط، أم يضيف أيضاً بطاقة مميزة واحدة تمثل التصنيف نفسه (مع بطاقة التصنيف) بجانب المنتجات.

طريقة العرض والأعمدة

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

موقع الشارة

مكان ظهور شارة المنتج (مثل “تخفيض” أو “جديد”) على بطاقته: أعلى اليسار، أعلى المنتصف، أو أعلى اليمين.

إظهار اسم التصنيف / إظهار وصف التصنيف

يُستخدم فقط عندما يكون نوع القسم “مع بطاقة التصنيف”. يتحكم في ظهور اسم ووصف التصنيف على بطاقته المميزة.

حجم بطاقة التصنيف

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

موضع المحتوى (عمودي) / محاذاة المحتوى (أفقي)

يُستخدم فقط عندما يكون نوع القسم “مع بطاقة التصنيف”. مكان استقرار اسم ووصف التصنيف داخل بطاقته: عمودياً (أعلى، منتصف، أسفل) وأفقياً (البداية، منتصف، النهاية).

إعدادات الزر

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

صورة مخصصة للتصنيف

يُستخدم فقط عندما يكون نوع القسم “مع بطاقة التصنيف”. يستبدل صورة التصنيف الأصلية بصورة مختلفة على بطاقته المميزة.

عنوان الحالة الفارغة / عنوان فرعي للحالة الفارغة

العنوان والنص الداعم المعروضان بدلاً من المنتجات عندما لا يحتوي التصنيف المختار على أي منتجات.

إظهار خيارات المنتج

عند التفعيل، يعرض خيارات سريعة (مثل عينات الألوان أو المقاسات) مباشرة على بطاقة المنتج، دون الحاجة لفتح صفحة المنتج.

موقع خيارات المنتج

مكان ظهور هذه الخيارات السريعة على البطاقة: أسفل معلومات المنتج، أو فوق الصورة نفسها، في المنتصف يميناً أو يساراً.

ستايل بطاقة المنتج

الشكل البصري العام لكل بطاقة منتج: كلاسيك، أنيق (Elegant)، أوفرلاي (حيث تظهر معلومات المنتج فوق الصورة)، أو حصري (اسم المنتج وسعره في المنتصف، وأيقونتا المفضلة والعرض السريع في منتصف أسفل الصورة، وسعر التخفيض ونسبة الخصم باللون الأحمر، وزر إضافة إلى السلة بعرض البطاقة).