When a user applies the coupon code(discount code) on the cart or checkout or off-canvas cart by the coupon form, the Applied Coupons element will show those discount codes at the front end via AJAX. You easily customize the design from the Bricks editor. You use this element on the off-canvas cart, checkout page, and cart page(if you are creating the custom cart page with the loop builder).

Go to the Bricks -> BricksUltimate -> Woo Tab and activate the “Applied Coupons” element. You will get this element under the COUPON category.

Note: Do not wrap this element with the Content Updater element.

Options

1. Typography: You can set the font size, color, size, line height, text-transform, etc.
2. Coupon Code: You can set the font size, color, size, line height, text-transform, etc CSS properties.
3. Price: You can set the font size, color, size, line height, text-transform, etc CSS properties of the discount price.
4. Remove Link: You can set the font size, color, size, line height, text-transform, etc CSS properties of the remove link.

Checkout the preview below:

Preview