غيّر مقدار الاتساع في واجهة متجرك، واستدارة البطاقات وظلالها، وشكل أزرارك، وما تعرضه كل بطاقة منتج، ومقدار الحركة فيها. هذه الإعدادات في خمس مجموعات من تبويب التصميم في الاستوديو، وتنطبق على كل صفحات واجهة متجرك وكل لغاتها.
لفتح الاستوديو، من القائمة الجانبية وتحت واجهة المتجر، افتح التصميم. مرّر المعاينة إلى الجزء الذي تغيّره، مثل شريط الفئات أو صف من المنتجات، لتراقبه وأنت تنقر.
التخطيط والكثافة: المسافات وتباعد الأقسام وبطاقات الفئات
| الأداة | الخيارات | ماذا تغيّر |
|---|---|---|
| الكثافة | تحريري، قياسي، كثيف | مدى تقارب المنتجات في الشبكة. على شاشة الكمبيوتر، يعرض تحريري وقياسي أربعة منتجات في الصف، وتحريري أوسعهما مسافة، ويعرض كثيف ستة منتجات في الصف بمسافات ضيقة. |
| تباعد الأقسام | ضيّق، افتراضي، متباعد | المسافة بين أقسام الصفحة الرئيسية. ضيّق يقرّبها، ومتباعد يعطي كل قسم مساحة أكبر. |
| بطاقات الفئات | ملء، مقتطع | طريقة ظهور الصور داخل بطاقات شريط الفئات. |
تطبّق بطاقات الفئات أسلوباً واحداً على الشريط كله. والتلميح تحتها يشرح الاختيار: ملء يناسب الصور الفوتوغرافية، فتملأ كل بطاقة من طرف إلى طرف؛ ومقتطع يُظهر كل عنصر كاملاً على خلفية البطاقة، فتبدو مجموعة الصور المتنوعة متناسقة.
الثيم يضبط الكثافة أيضاً، فاختر الثيم أولاً. اختيار الثيم والألوان والخطوط. ولتغيير الصور نفسها، عدّل فئاتك. تنظيم المنتجات في فئات
الشكل والظل: الزوايا والظلال
| الأداة | الخيارات | ماذا تغيّر |
|---|---|---|
| الزوايا | حاد، ناعم، دائري، كبسولة | استدارة زوايا البطاقات والصور والأزرار والحقول، من شبه مربعة (حاد) إلى الأكثر استدارة (كبسولة). |
| الظل | بدون، مسطّح، ناعم، مرتفع | مدى بروز البطاقات عن الصفحة. بدون: لا ظل؛ مسطّح: إطار رفيع بدل الظل؛ ناعم: ظل خفيف وترتفع البطاقة قليلاً عند وضع المؤشر عليها؛ مرتفع: ظل أعمق وارتفاع أكبر. |
الثيم يضبط هذين أيضاً، فاختيار ثيم جديد يعيدهما إلى إعداده.
الأزرار: النمط والحجم وحالة الأحرف
يحدد النمط والحجم شكل أزرارك الرئيسية، مثل زر التسوق في البانر الرئيسي وزر أضف إلى السلة في صفحة المنتج. أما حالة الأحرف فأثرها أوسع: تضبط أيضاً حالة أحرف العبارات الصغيرة في واجهة المتجر.
| الأداة | الخيارات | ماذا تغيّر |
|---|---|---|
| النمط | ممتلئ، إطار، ناعم | ممتلئ يملأ الزر بلون علامتك. إطار يعرض حدوداً ونصاً بلون علامتك فقط، ويمتلئ عند وضع المؤشر عليه. ناعم يملؤه بدرجة فاتحة من لون علامتك، ويمتلئ تماماً عند وضع المؤشر. |
| الحجم | S وM وL | مقدار الحشو داخل الأزرار. |
| حالة الأحرف | Aa وAA | AA يكتب بأحرف كبيرة الأزرارَ والعبارات الصغيرة في واجهة المتجر: اسم متجرك في الترويسة، والقائمة، والشارات مثل NEW، والسطر فوق عنوان البانر الرئيسي، وعناوين التذييل، وعبارات مثل IN STOCK. وAa يعرضها كما كُتبت. |
تؤثر حالة الأحرف على الإنجليزية والفرنسية فقط، فالعربية لا أحرف كبيرة فيها، وتبقى واجهة متجرك العربية كما هي في الحالتين. راجع الترويسة وصفحة منتج بعد تغييرها، لأن العبارات تتغير مع الأزرار. ويأتي لون الزر من لون علامتك. لون العلامة واللون المميّز واللون المحايد
بطاقات المنتجات: ماذا تعرض كل بطاقة
بطاقة المنتج هي المربع الذي يراه العملاء في كل شبكة منتجات: صف المختارات في الصفحة الرئيسية، والفئات، والمجموعات، والبحث.
تحدد نسبة الصورة شكل الصورة في كل بطاقة: طويل (3 إلى 4، وهو الشكل الذي تُصوَّر به معظم صور المنتجات)، أو عمودي (أقصر قليلاً)، أو مربّع. والثيم يضبطها أيضاً: مربّع للثيمات الكثيفة، وطويل لغيرها.
ثم فعّل ما تعرضه كل بطاقة:
| الخيار | ماذا يرى العملاء | مفعّل في البداية |
|---|---|---|
| الشارات | شارة واحدة على الصورة: نفد المخزون إذا نفد المنتج، وإلا الخصم مثل -25% إذا كان للمنتج سعر قبل الخصم، وإلا جديد للمنتجات المضافة خلال آخر ثلاثة أسابيع. | نعم |
| عيّنات الألوان | نقاط تحت السعر لخيارات ألوان المنتج. وضع المؤشر على نقطة يعرض صورة ذلك اللون، و+2 تعني لونين آخرين. | نعم |
| إضافة سريعة | زر على البطاقة للمنتجات المتوفرة. المنتج الذي له خيار واحد يظهر عليه أضف إلى السلة فيُضاف بدون مغادرة الصفحة، والمنتج الذي له عدة مقاسات أو ألوان يظهر عليه اختر الخيارات فيفتح صفحته. | نعم |
| التقييم بالنجوم | متوسط التقييم وعدد التقييمات، مثل 4.8 (12)، على المنتجات التي لها تقييمات. | لا |
| تبديل الصور تلقائياً | المنتجات التي لها أكثر من صورة تعرض صورها بالتناوب وحدها. يحدث هذا على الكمبيوتر فقط، ويتوقف مؤقتاً عندما يضع العميل المؤشر على البطاقة، ويتوقف تماماً إذا كانت الحركة على بدون. | لا |
شارة الخصم تحتاج إلى سعر قبل الخصم على المنتج. تحديد سعر المنتج وتكلفته ومخزونه. والتقييم بالنجوم يحسب التقييمات التي اعتمدتها. اعتماد التقييمات أو إلغاء نشرها أو حذفها
تنبيه المخزون المنخفض
يضيف تنبيه المخزون المنخفض عبارة صغيرة بجانب متوفر في صفحة المنتج عندما يقل المخزون، مثل 4 متبقية:
| الخيار | متى تظهر العبارة |
|---|---|
| بدون | لا تظهر أبداً. |
| 3 أو أقل | عندما يكون المتوفر من المقاس أو اللون المختار 3 أو أقل. |
| 5 أو أقل | عندما يكون 5 أو أقل. وهذا إعداد المتجر الجديد. |
| 10 أو أقل | عندما يكون 10 أو أقل. |
لا تظهر العبارة إلا للمنتجات التي تتابع مخزونها ولا تقبل الطلب عند نفاده. تناسب المتجر الذي يُنتج دفعات صغيرة؛ أما المتجر الذي يعيد التخزين باستمرار فقد يفضّل بدون حتى لا تبدو العبارة ضغطاً على العميل. لتراها، انقر المنتج في الشريط العلوي.
هذه العبارة للعملاء، وهي غير تنبيهات المخزون المنخفض التي تصلك بالبريد. ضبط مهلة التجهيز وتنبيهات المخزون
الحركة
| الخيار | ماذا يرى العملاء |
|---|---|
| بدون | لا حركة إطلاقاً. |
| خفيف | تظهر الأقسام بهدوء في مكانها أثناء التمرير، مع تأثيرات صغيرة عند وضع المؤشر على العناصر. وهذا إعداد المتجر الجديد. |
| حيوي | مثل خفيف، مع تأثيرات أوضح: ترتفع صور المنتجات وتكبر قليلاً، وترتفع الأزرار الرئيسية، عندما يضع العميل المؤشر عليها. |
العملاء الذين طلبوا من جوالهم أو جهازهم تقليل الحركة لا يرون أي حركة، مهما اخترت. لترى التأثير، مرّر المعاينة وضع المؤشر على بطاقة منتج.
نصيحة
التغييرات في هذه المجموعات تنطبق على واجهة متجرك كلها مرة واحدة. راجع شبكة منتجات وصفحة منتج على الجوال قبل النشر: انقر أيقونة الجوال، ثم المنتج.
عندما تكون راضياً، انقر نشر، أو حفظ المسودة لتكمل لاحقاً. حفظ المسودة ونشر واجهة متجرك
والخطوة التالية: اضبط شعارك والصورة الكبيرة في أعلى صفحتك الرئيسية من ضبط الترويسة وصورة البانر الرئيسي، أو رتّب صفحتك الرئيسية من ترتيب أقسام الصفحة الرئيسية.