Skip to main content
تتيح لك إعدادات العلامة التجارية تخصيص شكل ومظهر صفحة الدفع لديك، من الألوان والخطوط إلى الأزرار وحقول النماذج وتخطيط الصفحة. تجعل هذه الأدوات من السهل مواءمة تصميم صفحة الدفع مع هوية علامتك التجارية.

كيفية الوصول إليها

افتح لوحة تحكم Checkout في Aftersell وانقر على Edit branding أعلى الصفحة.
يتطلب تحرير العلامة التجارية هنا خطة Shopify Plus. يسمح Shopify للتطبيقات بقراءة العلامة التجارية لصفحة الدفع وتعديلها على Plus فقط، لذا لا يمكن حفظ هذه الإعدادات على الخطط الأخرى. إذا لم يكن متجرك على Plus، فأجرِ التغييرات نفسها في محرر صفحة الدفع في Shopify بدلاً من ذلك: Settings → Checkout → Customize في لوحة إدارة Shopify.
لوحة تحكم Checkout في Aftersell مع سهم يشير إلى زر Edit branding المحرر منظم في ثلاث مجموعات: نظام التصميم والتخصيصات ومتقدم.

نظام التصميم

إعدادات نظام التصميم هي الأساس. ترث المكونات عبر صفحة الدفع منها ما لم يتجاوزها إعداد أكثر تحديدًا.

الألوان العامة

ألوان علامتك التجارية وألوان النظام، المستخدمة عبر متجرك وتجارب ما بعد الشراء. تستخدم المكونات هذه الألوان عندما لا يتم تعيين نظام ألوان. ألوان العلامة التجارية
  • Brand – لون علامتك التجارية الأساسي.
  • Accent – يُستخدم للعناصر التفاعلية والمميزة.
  • Decorative – يُستخدم للعناصر الزخرفية الداعمة.
ألوان الحالة والنظام
  • Success – حالات التأكيد.
  • Warning – الرسائل التحذيرية.
  • Critical – الأخطاء والتنبيهات.
  • Info – الرسائل المعلوماتية.
ألوان الأسطح والأزرار لا تُعيّن هنا. توجد ضمن Advanced > Color schemes.

الخطوط

  • حجم الخط – عيّن الحجم الأساسي (Base size) ونسبة التدرج (Scale ratio) التي يُشتق منها باقي مقياس الخطوط.
  • الخط الأساسي – يُستخدم لمعظم المكونات مثل النص العادي والأزرار وعناصر التحكم في النماذج. اختر عائلة الخط والوزن الأساسي والوزن الغامق.
  • الخط الثانوي – يُستخدم لمكونات العناوين، بنفس عناصر التحكم الثلاثة.

نصف قطر الزوايا

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

التخصيصات

الأزرار

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

حقول النماذج

ينطبق على جميع أنواع الحقول المدعومة:
  • نصف قطر الزوايا
  • موضع التسمية – داخل أو خارج.
  • إظهار الحد
تتيح لك التجاوزات الخاصة بالحقول الخروج عن تلك الأنماط المشتركة لأنواع حقول معينة: حدود حقول النص وحدود القوائم المنسدلة وتباعد مجموعة قوائم الاختيار ونصف قطر زوايا مربعات الاختيار.

الصور المصغرة للمنتجات

يتحكم في كيفية ظهور صور المنتجات في الصفحة:
  • إظهار الحد
  • نصف قطر الحد
  • الملاءمة (Fit)
  • لون خلفية الشارة – Accent (لون التمييز في النظام) أو Base (اللون الأساسي في النظام).
  • التخطيطالموضع (الشريط العلوي أو القسم الأيسر أو القسم الأيمن) والمحاذاة (يسار أو وسط أو يمين).
  • الحاويةالحشو ونظام الألوان وإظهار الفاصل.
صفحة دفع مع تمييز ترويسة اسم المتجر في أعلى اليسار

منطقة المحتوى

يتحكم في الفاصل بين المنطقة الرئيسية ومنطقة ملخص الطلب: إظهار الفاصل ونمط الحد وسماكة الحد.

المنطقة الرئيسية

  • حاويات الأقسام – الخلفية وغلاف الحد حول كل قسم: الخلفية وإظهار الحد ونمط الحد وسماكة الحد.
  • فواصل الأقسام – الخطوط المعروضة بين الأقسام.

ملخص الطلب

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

متقدم

أنظمة الألوان

أنظمة الألوان هي مجموعات قابلة لإعادة الاستخدام من ألوان الأسطح والنصوص والأزرار تشير إليها الأقسام الأخرى. يتوفر نظامان:
  • Scheme 1 - المنطقة الرئيسية
  • Scheme 2 - المناطق الداعمة
ينقسم كل نظام إلى ثلاث مجموعات:
  • الأزرار – تُستخدم لزر الدفع الرئيسي والإجراءات الثانوية. يُكوّن الزر الأساسي والزر الثانوي بشكل منفصل، ولكل منهما حالته الافتراضية وحالة التمرير الخاصة به.
  • عناصر التحكم في النماذج – تُستخدم لحقول النص والقوائم المنسدلة وقوائم الاختيار.
  • الأسطح الأساسية – خلفية السطح ونص المتن والأدوار الداعمة: الحد، والتمييز (الروابط والتركيز)، والزخرفة (الإبرازات الخفيفة)، ولون الأيقونات.
حيثما يقدم قسم عنصر تحكم نظام الألوان، يمكنك توجيهه إلى Scheme 1 أو Scheme 2 أو Transparent.