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