استخدام التطبيق
كتلة السمة
تتحكّم كتلة جدول المقاسات في طريقة وصول المتسوقين إلى الجدول في صفحة المنتج: رابط نصي، أو زر، أو الجدول معروضًا مباشرة في الصفحة. تُعدّها مرة واحدة في محرر السمة، وتنطبق على كل منتج يستخدم ذلك القالب.
للعثور على الكتلة: المتجر الإلكتروني ← السمات ← تخصيص، ثم انتقل إلى قالب منتج، وانقر على جدول المقاسات في قسم معلومات المنتج. لم تُضفها بعد؟ راجع التثبيت.
العرض
| الإعداد | ماذا يفعل |
|---|---|
| التسمية | النص الذي ينقر عليه المتسوقون. القيمة الافتراضية «جدول المقاسات» (بلغة متجرك) — جرّب «دليل المقاسات» أو «اعثر على مقاسك». |
| العرض كـ | رابط نصي (افتراضي)، أو زر، أو داخل الصفحة (يُعرض الجدول في الصفحة)، الذي يضع الجدول كاملًا في صفحة المنتج دون حاجة إلى نقر. |
| المحاذاة | يسار أو وسط أو يمين. للرابط والزر فقط. |
تظهر معظم الإعدادات التالية مع نمطي الرابط والزر فقط، لأن الجدول المعروض داخل الصفحة لا يحتوي على شيء للنقر عليه.
الموضع
افتراضيًا، يظهر الرابط حيث تضع الكتلة. ويتيح لك الموضع وضعه بدلًا من ذلك في سطر عنصر آخر — والمكان المعتاد بجانب السعر.
| الإعداد | ماذا يفعل |
|---|---|
| العرض في | مكان هذه الكتلة، أو في سطر السعر نفسه، أو في سطر عنصر آخر. |
| فئة العنصر أو المحدِّد | لخيار «عنصر آخر»: فئة (class) أو محدِّد CSS من قسم المنتج في سمتك، مثل product__title أو .product-form__quantity. |
| الموضع في السطر | بعد العنصر أو قبل العنصر. |
| المحاذاة العمودية في السطر | وسط أو الأعلى أو الأسفل أو خط أساس النص. |
يعثر خيار في سطر السعر نفسه على السعر تلقائيًا في Dawn ومعظم السمات المبنية عليها، وفي السمات التي تستخدم أسماء فئات شائعة للسعر. ويبقى الرابط في مكانه عندما يغيّر المتسوق الخيار.
الرابط
| الإعداد | ماذا يفعل |
|---|---|
| لون الرابط | اتركه فارغًا لاستخدام لون نص السمة. |
| تسطير | مفعّل افتراضيًا. |
الأيقونة
ضع أيقونة بجانب التسمية. تأخذ الأيقونات لون نص الرابط أو الزر، فتتناسق معه دائمًا.
| الإعداد | ماذا يفعل |
|---|---|
| الأيقونة | بلا أيقونة (افتراضي)، أو واحدة من 27 أيقونة مدمجة، أو صورة مخصصة. |
| أيقونة مخصصة | صورتك الخاصة، تُعرض بألوانها الأصلية. الأفضل صورة PNG أو SVG مربعة. |
| موضع الأيقونة | قبل التسمية أو بعد التسمية. |
| حجم الأيقونة | 12–40 px. الافتراضي 18 px. |
| المسافة بين الأيقونة والنص | المسافة بين الأيقونة والتسمية، 0–24 px. الافتراضي 6 px. |
حديثة
جدول مقاسات · بطاقة مقاس · علّاقة مع مسطرة · علبة شريط قياس · عرض القميص · مجسّم خياطة · خصر السروال · طول الحذاء · مقاس الجسم
كلاسيكية
مسطرة · شريط قياس · لفّة شريط · قميص مع شريط · شريط مطوي · مخطط · مقاس الحذاء · علّاقة · أبعاد القميص · مقاسات بالحروف · قياس الخصر · ميزان · فستان مع مسطرة · حذاء رياضي · الورك · جسم مع شريط · مثلث قياس · سهم العرض
الزر
| الإعداد | ماذا يفعل |
|---|---|
| الخلفية / النص | اتركهما فارغين لزر بإطار فقط بلون نص السمة. |
| الحجم | صغير (بارتفاع 36 px) أو متوسط (44 px، ارتفاع معظم أزرار السمات) أو كبير (52 px). يُظهر «مخصص» شريط ارتفاع الزر. |
| ارتفاع الزر | 28–64 px. الافتراضي 44 px. مع الحجم «مخصص» فقط. |
| استدارة الزوايا | 0–40 px. الافتراضي 4 px. |
| إظهار زر عائم | يثبّت أيضًا علامة على حافة الشاشة، ليتمكّن المتسوقون من فتح الجدول من أي مكان في الصفحة أثناء التمرير. |
| جهة الزر العائم | يسار أو يمين. |
| موضع الزر العائم | أعلى الشاشة أو وسطها أو أسفلها. |
| إظهار الزر العائم على الجوال | مفعّل افتراضيًا. أوقفه لإخفاء الشريط على الهواتف، حيث يستخدم المتسوقون الزر العادي بدلاً منه. |
نافذة الجدول
| الإعداد | ماذا يفعل |
|---|---|
| الفتح كـ | نافذة منبثقة (في المنتصف، افتراضي)، أو لوحة من اليسار، أو لوحة من اليمين. |
تنزلق اللوحات الجانبية من الجانب وتُبقي صفحة المنتج ظاهرة خلفها. وعلى الهواتف تُفتح كنافذة منبثقة في المنتصف بدلًا من ذلك، لأن اللوحة ستملأ الشاشة على أي حال. وعلى الشاشات الأكبر، تظهر صور المنتج في النافذة المنبثقة فقط لأن اللوحات ضيقة جدًا؛ أما على الهواتف فتتبع إعداد إظهارها على الهواتف أيضًا.
ما يحصل عليه المتسوقون
- تُغلق النافذة المنبثقة أو اللوحة بزر الإغلاق، أو بمفتاح Escape، أو — ما لم توقف ذلك في المظهر — بالنقر خارجها.
- عندما يحتوي الجدول على تحويل الوحدات، يُحفظ اختيار المتسوق (مثل البوصة)، فيُفتح المنتج التالي بالوحدة نفسها. وتتبدّل معه الجداول الأخرى في جدول المقاسات نفسه.
- تتمرّر الجداول العريضة أفقيًا على الهواتف بدلًا من أن تنضغط، ويمكنها تثبيت عمود المقاسات.
- صُمّم الجدول لمستخدمي لوحة المفاتيح وبرامج قراءة الشاشة: ينتقل التركيز إلى النافذة عند فتحها ويعود إلى الرابط عند إغلاقها.