ضبط المسافات والأزرار وبطاقات المنتجات

التخطيط والكثافة، والشكل والظلال، ونمط الأزرار، وما تعرضه بطاقة المنتج، ومقدار الحركة في واجهة متجرك.

آخر تحديث

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

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

التخطيط والكثافة: المسافات وتباعد الأقسام وبطاقات الفئات

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

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

الثيم يضبط الكثافة أيضاً، فاختر الثيم أولاً. اختيار الثيم والألوان والخطوط. ولتغيير الصور نفسها، عدّل فئاتك. تنظيم المنتجات في فئات

الشكل والظل: الزوايا والظلال

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

الثيم يضبط هذين أيضاً، فاختيار ثيم جديد يعيدهما إلى إعداده.

الأزرار: النمط والحجم وحالة الأحرف

الأزرار: زر البانر الأساسي يعرض النمط والحجم وحالة الأحرف معاً

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

الأداةالخياراتماذا تغيّر
النمطممتلئ، إطار، ناعمممتلئ يملأ الزر بلون علامتك. إطار يعرض حدوداً ونصاً بلون علامتك فقط، ويمتلئ عند وضع المؤشر عليه. ناعم يملؤه بدرجة فاتحة من لون علامتك، ويمتلئ تماماً عند وضع المؤشر.
الحجمS وM وLمقدار الحشو داخل الأزرار.
حالة الأحرفAa وAAAA يكتب بأحرف كبيرة الأزرارَ والعبارات الصغيرة في واجهة المتجر: اسم متجرك في الترويسة، والقائمة، والشارات مثل NEW، والسطر فوق عنوان البانر الرئيسي، وعناوين التذييل، وعبارات مثل IN STOCK. وAa يعرضها كما كُتبت.

تؤثر حالة الأحرف على الإنجليزية والفرنسية فقط، فالعربية لا أحرف كبيرة فيها، وتبقى واجهة متجرك العربية كما هي في الحالتين. راجع الترويسة وصفحة منتج بعد تغييرها، لأن العبارات تتغير مع الأزرار. ويأتي لون الزر من لون علامتك. لون العلامة واللون المميّز واللون المحايد

بطاقات المنتجات: ماذا تعرض كل بطاقة

بطاقة المنتج هي المربع الذي يراه العملاء في كل شبكة منتجات: صف المختارات في الصفحة الرئيسية، والفئات، والمجموعات، والبحث.

كل بطاقة في صف المختارات تتبع هذه الإعدادات: شارات «جديد» ونقاط الألوان من هنا

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

ثم فعّل ما تعرضه كل بطاقة:

الخيارماذا يرى العملاءمفعّل في البداية
الشاراتشارة واحدة على الصورة: نفد المخزون إذا نفد المنتج، وإلا الخصم مثل ‎-25% إذا كان للمنتج سعر قبل الخصم، وإلا جديد للمنتجات المضافة خلال آخر ثلاثة أسابيع.نعم
عيّنات الألواننقاط تحت السعر لخيارات ألوان المنتج. وضع المؤشر على نقطة يعرض صورة ذلك اللون، و+2 تعني لونين آخرين.نعم
إضافة سريعةزر على البطاقة للمنتجات المتوفرة. المنتج الذي له خيار واحد يظهر عليه أضف إلى السلة فيُضاف بدون مغادرة الصفحة، والمنتج الذي له عدة مقاسات أو ألوان يظهر عليه اختر الخيارات فيفتح صفحته.نعم
التقييم بالنجوممتوسط التقييم وعدد التقييمات، مثل 4.8 (12)، على المنتجات التي لها تقييمات.لا
تبديل الصور تلقائياًالمنتجات التي لها أكثر من صورة تعرض صورها بالتناوب وحدها. يحدث هذا على الكمبيوتر فقط، ويتوقف مؤقتاً عندما يضع العميل المؤشر على البطاقة، ويتوقف تماماً إذا كانت الحركة على بدون.لا

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

تنبيه المخزون المنخفض

يضيف تنبيه المخزون المنخفض عبارة صغيرة بجانب متوفر في صفحة المنتج عندما يقل المخزون، مثل 4 متبقية:

الخيارمتى تظهر العبارة
بدونلا تظهر أبداً.
3 أو أقلعندما يكون المتوفر من المقاس أو اللون المختار 3 أو أقل.
5 أو أقلعندما يكون 5 أو أقل. وهذا إعداد المتجر الجديد.
10 أو أقلعندما يكون 10 أو أقل.

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

هذه العبارة للعملاء، وهي غير تنبيهات المخزون المنخفض التي تصلك بالبريد. ضبط مهلة التجهيز وتنبيهات المخزون

الحركة

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

العملاء الذين طلبوا من جوالهم أو جهازهم تقليل الحركة لا يرون أي حركة، مهما اخترت. لترى التأثير، مرّر المعاينة وضع المؤشر على بطاقة منتج.

نصيحة

التغييرات في هذه المجموعات تنطبق على واجهة متجرك كلها مرة واحدة. راجع شبكة منتجات وصفحة منتج على الجوال قبل النشر: انقر أيقونة الجوال، ثم المنتج.

عندما تكون راضياً، انقر نشر، أو حفظ المسودة لتكمل لاحقاً. حفظ المسودة ونشر واجهة متجرك

والخطوة التالية: اضبط شعارك والصورة الكبيرة في أعلى صفحتك الرئيسية من ضبط الترويسة وصورة البانر الرئيسي، أو رتّب صفحتك الرئيسية من ترتيب أقسام الصفحة الرئيسية.