PromoCodeField
a quiet « Code promo » link that opens the field: the default, so the cart does not tempt a visitor to go hunting for coupons
role: cart pages: cart, checkout motion: none
Install
npx shadcn-vue@latest add @trame/commerce-promo-code-field # Vue
npx shadcn@latest add @trame/commerce-promo-code-field # Reactcollapsed
@trame/commerce-promo-code-field--collapsed a quiet « Code promo » link that opens the field: the default, so the cart does not tempt a visitor to go hunting for coupons
card
@trame/commerce-promo-code-field--card a titled card at the top of the order summary: shops where codes are common and the field should be seen at once
inline
@trame/commerce-promo-code-field--inline the field and its button in the totals area, no frame: a compact summary with a few lines