توثيق ثيم إيليت
قسم13 مجموعة إعدادات

عرض المنتجات

عرض المنتجات
في هذه الصفحة 13
  1. تفعيل القسم
  2. رأس القسم
  3. زر «عرض الكل»
  4. طريقة اختيار المنتجات
  5. المنتجات (تصنيف أو مجموعة)
  6. المنتجات المختارة (بالترتيب) (يدوي)
  7. التخطيط
  8. زر الإضافة للسلة
  9. زر المفضلة
  10. زر المعاينة السريعة
  11. سلايدر
  12. التباعد
  13. حالة عدم وجود منتجات

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

تفعيل القسم

يشغّل أو يعطّل القسم بالكامل دون حذف إعداداته.

رأس القسم

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

زر «عرض الكل»

  • إظهار زر عرض الكل - عند التفعيل، يضيف زراً يربط بقائمة منتجات أوسع.
  • نص الزر / رابط الزر - تسمية ووجهة هذا الزر.
  • موضع الزر - هل يظهر أسفل القسم بالكامل، أم محاذياً للعنوان.

طريقة اختيار المنتجات

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

المنتجات (تصنيف أو مجموعة)

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

المنتجات المختارة (بالترتيب) (يدوي)

المنتجات المحددة واحداً تلو الآخر، تُعرض بالترتيب المدرج. تُستخدم فقط عندما تكون “طريقة اختيار المنتجات” مضبوطة على يدوي.

التخطيط

  • أقصى عدد للمنتجات - الحد الأعلى لعدد المنتجات التي يعرضها القسم، من 2 إلى 16.
  • نمط التخطيط - الترتيب البصري العام: منتج مميّز + قائمة جانبية، بطاقات متناوبة (كبير/صغير)، مجلة (منتج مميز بالأعلى مع باقي المنتجات أسفله)، سلايدر أفقي، شبكة متجاوبة، مميّز + منتجات جانبية، أو عارض بطل (Hero) متحرك كبير.
  • نمط بطاقة المنتج - الشكل البصري لكل بطاقة: كلاسيك، أنيق (Elegant)، أوفرلاي، أو حصري (اسم المنتج وسعره في المنتصف، وأيقونتا المفضلة والعرض السريع في منتصف أسفل الصورة، وسعر التخفيض ونسبة الخصم باللون الأحمر، وزر إضافة إلى السلة بعرض البطاقة).
  • الأعمدة على سطح المكتب / الجهاز اللوحي / الجوال - عدد المنتجات المتجاورة في كل حجم شاشة (للتخطيطات الشبكية).
  • عدد المنتجات الجانبية (للتخطيطات المميّزة — كلما قلّ العدد كبرت البطاقات) - للتخطيطات المميّزة، عدد المنتجات الجانبية الأصغر المعروضة - كلما قلّ العدد كبرت كل بطاقة.
  • إظهار الوصف المختصر (للتخطيطات المميّزة) - يتحكم في ظهور وصف مختصر للمنتج في التخطيطات المميّزة.
  • ارتفاع القسم (للتخطيطات المميّزة) - مضغوط، متوسط، أو كبير - مدى ارتفاع التخطيط المميز بشكل عام.

زر الإضافة للسلة

يتجاوز تصميم زر “الإضافة للسلة” العام لهذا القسم فقط - اترك أي حقل على وضعه الافتراضي للاستمرار في اتباع المظهر العام.

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

زر المفضلة

  • لون الأيقونة / لون الأيقونة عند التفعيل (القلب الممتلئ) - لون أيقونة القلب في وضعها الطبيعي وعند حفظ المنتج.
  • لون الخلفية (اتركه فارغاً لخلفية شفافة) - اللون خلف الأيقونة.
  • حجم الأيقونة - افتراضي، صغير، أو كبير.
  • شكل الخلفية - دائري (افتراضي)، زوايا ناعمة، أو مربّع.

زر المعاينة السريعة

  • لون الأيقونة / لون خلفية الأيقونة / لون الخلفية عند التمرير - ألوان أيقونة المعاينة السريعة، في وضعها الطبيعي وعند التمرير عليها.
  • حجم الأيقونة - افتراضي، صغير، أو كبير.
  • شكل الخلفية - دائري (افتراضي)، زوايا ناعمة، أو مربّع.

سلايدر

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

التباعد

  • الحشو العلوي / الحشو السفلي - الفراغ أعلى وأسفل القسم.
  • المسافة بين المنتجات - التباعد بين بطاقات المنتجات.

حالة عدم وجود منتجات

  • عنوان الحالة الفارغة / نص الحالة الفارغة - العنوان والرسالة المعروضان بدلاً من المنتجات عند عدم توفر أي منتجات للعرض.

خطوتك القادمة
تبدأ بحوار.

أخبرنا عن متجرك، وسنعود إليك بفهم واضح لما يحتاجه — ومقترح مكتوب قبل أي التزام.