SummaryCard component displays basic information about the state of a discount and can display more advanced configuration options if any
OptionalSectionsProps are passed. None, any, or all optional sections can be displayed. We recommend displaying as many sections as you have data for, in order to give as much information to the user about their discount as possible.
Example codeAnchor link to section titled "Example code"
||The header properties.||Yes|
||The performance sections properties.||Yes|
||Displays the start and end dates of the discount.||No|
||Additional text that you want to display.||No|
||The purchase type that the discount applies to (one time, subscription, or both).||No|
||How the discount combines with other discounts.||No|
||Which customers the discount applies to.||No|
||The maximum allowable shipping price that the discount can apply to.||No|
||The minimum purchase requirements for the discount to apply.||No|
||How the discount applies to orders with recurring payments.||No|
||The countries that the discount applies to.||No|
||The number of times that the discount can be used.||No|
HeaderPropsAnchor link to section titled "HeaderProps"
||The method of the current discount (either
||The discount type of the current discount. This value should be the
||The discount title for automatic discounts, or the discount code for code discounts.||Yes|
||Whether the discount is currently being edited.||No|
||The status of the discount.||No|
PerformancePropsAnchor link to section titled "PerformanceProps"
||Whether the discount is currently being edited.||Yes|
||The status of the discount (active, expired, or scheduled).||No|
||The number of times that the discount has been used.||No|
||Whether the shop has enabled the
||The discount method (either
||The total number of sales that have been made with the discount.||No|
ActiveDatesPropsAnchor link to section titled "ActiveDatesProps"
AppliesToPurchaseTypePropsAnchor link to section titled "AppliesToPurchaseTypeProps"
||The purchase type that the discount applies to (one time, subscription, or both).||Yes|
CombinationsPropsAnchor link to section titled "CombinationsProps"
||The discount classes that can be combined with this discount.||Yes|
CustomerEligibilityPropsAnchor link to section titled "CustomerEligibilityProps"
||Who the discount applies to (all customers, specific customers, specific customer groups).||Yes|
||The specific customer segments that the discount applies to.||No|
||The specific customers that the discount applies to.||No|
MaximumShippingPricePropsAnchor link to section titled "MaximumShippingPriceProps"
||The maximum shipping price, displayed when the user selects to exclude shipping rates.||Yes|
||The currency code that should be used to format the input value.||Yes|
MinimumRequirementsPropsAnchor link to section titled "MinimumRequirementsProps"
||The type of minimum requirement (none, subtotal, or quantity).||Yes|
||The minimum quantity requirement for the discount.||No|
||The minimum subtotal requirement for the discount.||No|
||The currencyCode that should be used to format the subtotal amount.||No|
RecurringPaymentPropsAnchor link to section titled "RecurringPaymentProps"
||Whether a discount is applicable for recurring payments.||Yes|
||The type of recurring payments (first payment, multiple payments, or all payments).||Yes|
||If the discount is available for RecurringPaymentType.MultiplePayments, then this value displays how many payments the discount is available for.||No|
SelectedCountriesPropsAnchor link to section titled "SelectedCountriesProps"
||The country selection type that the discount applies to (either all countries or selected countries).||Yes|
||The list of country codes where the discount applies.||Yes|
UsageLimitsPropsAnchor link to section titled "UsageLimitsProps"
||The total number of times that a discount can be used.||Yes|
||Whether a discount can only be used once per customer.||Yes|