بلوك Discount code هو حقل إدخال يمكن للمتسوقين فيه إدخال رمز ترويجي وتطبيقه في السلة، ليروا الخصم منعكسًا قبل الالتزام بإتمام الشراء.
- عند التطبيق، يُشذّب الرمز ويُحوَّل إلى أحرف كبيرة ويُرسل إلى Shopify. ولأن Shopify يقبل الطلب سواء كان الرمز صالحًا أم لا، يعيد البلوك بعدها فحص السلة للتأكد من أن الرمز طُبّق فعلًا.
- صالح ← يُمسح الحقل ويُطبَّق الخصم.
- غير صالح ← يعرض البلوك “Invalid discount code.”
- كيفية تراكب الرمز مع الخصومات الأخرى (الخصومات التلقائية، الرموز الأخرى) يتولاها Shopify بالكامل — البلوك يطبّق الرمز فحسب.
- تُعرض الرموز المطبقة في بلوك Summary، وليس هنا.
- المنطقة: الوسط أو الأسفل.
- الحد الأقصى: 1 لكل حالة سلة — لكل من السلة الممتلئة والسلة الفارغة حصتها الخاصة.
- الحالة: الممتلئة والفارغة معًا.
- لا يُضاف افتراضيًا. غير مقفل — يمكنك إزالته أو إخفاؤه.
يدعم قالبًا مخصصًا من علامة تبويب Code الخاصة به، والذي يستبدل ترميز هذا البلوك المدمج بكود JSX الخاص بك. هذه هي الخصائص (props) التي يستقبلها.
اربط كلًا من setDiscountCodeInput وhandleSubmit. بدون الأولى، لا يمكن الكتابة في الحقل؛ وبدون الثانية، لا يُطبَّق أي رمز أبدًا.
