Skip to Content

المنتجات

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


خيارات الخلفية

تتحكم هذه الخيارات في شكل المساحة أو الخلفية التي تقع خلف قسم المنتجات بالكامل.

اسم الخيارالوصف
نوع خلفية العنصريتيح لك اختيار شكل الخلفية، يمكنك تركها “بدون خلفية”، أو اختيار “لون” ثابت، أو وضع “صورة”، أو حتى “فيديو” ليعمل في الخلفية.
لون الخلفيةتحديد اللون المرغوب ليكون خلفية للمكون في حال اخترت “لون”.
صورة الخلفيةرفع الصورة التي ستظهر كخلفية لمنتجاتك في حال اخترت “صورة”.
فيديو الخلفيةإدراج رابط الفيديو الذي سيعمل كخلفية متحركة في حال اخترت “فيديو”.

خيارات العنوان

تتحكم هذه الخيارات في العنوان الرئيسي للمكون والنصوص والأزرار التي تظهر أعلى المنتجات.

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

خيارات المسافات

تتحكم هذه الخيارات في المسافات الداخلية للمكون، لإضافة مسافات خارجية يرجى إضافة عنصر «فاصل» من قائمة المكونات.

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

خيارات المنتجات

تتحكم هذه الخيارات في طريقة عرض المنتجات نفسها ومصدرها (أي المنتجات التي ستظهر).

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