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

​
السلوك

  • يحدد الزر رابط إتمام شراء مترجمًا وصحيحًا حسب السوق، لينتقل المتسوقون إلى صفحة إتمام الشراء للسوق الصحيح. إذا تعذّر تحديده، يعود إلى رابط /checkout القياسي.
  • عند تفعيل Go to cart page instead of checkout، يرتبط الزر بـ /cart بدلًا من ذلك.
  • ينتقل النقر عبر JavaScript حتى لا تتمكن معالجة السلة الخاصة بالقالب من اعتراضه، مع احترام نوايا فتح علامة تبويب جديدة (النقر مع Cmd/Ctrl، النقر بالزر الأوسط).
  • يُصدر النقر حدث checkout في SDK، والذي يمكنك الاشتراك فيه.

​
الإعدادات

​
الموضع والحدود

  • المنطقة: الأسفل.
  • الحد الأقصى: 1 لكل حالة سلة.
  • الحالة: السلة الممتلئة فقط.
  • مقفل ومضاف افتراضيًا. لا يمكن إزالة زر Checkout أو إخفاؤه، بل فقط إعادة تموضعه داخل التذييل.

​
القالب المخصص

يدعم قالبًا مخصصًا من علامة تبويب Code الخاصة به، والذي يستبدل ترميز هذا البلوك المدمج بكود JSX الخاص بك. هذه هي الخصائص (props) التي يستقبلها.
زر إتمام الشراء المخصص يفقد تتبع إتمام الشراء. يرفق الزر المدمج معالج نقر يُصدر حدث checkout في SDK ويسجّل التحويل لـتحليلات السلة. لا يُمرَّر هذا المعالج إلى القوالب المخصصة، لذا فإن الانتقال عبر href وحده يتخطى الاثنين.إذا كنت بحاجة إلى الحدث، أصدره بنفسك من onClick قبل الانتقال. لا يمكن استعادة تقارير الإسناد بهذه الطريقة على أي حال، لذا يُفضَّل إعادة تنسيق الزر المدمج عبر إعدادات التصميم أو CSS المخصص ما لم تكن بحاجة فعلية إلى ترميز مختلف.
اعرض href كما هو دون تعيين قيمة افتراضية له. عنصر <a> بلا href خامل، وهو السلوك الصحيح في المحرر.

​
التصميم

نسّق هذا البلوك من قسم Design الخاص به في لوحة الإعدادات. هذه تجاوزات على مستوى البلوك تُطبَّق فوق تصميمك العام وتعود إليه عند تركها فارغة. ما هي إعدادات التصميم؟ اعرف المزيد هنا: إعدادات التصميم.