3rd Party Carts
Overview
Section titled “Overview”Checkout Plus can be configured to work with 3rd-party cart applications. This article provides configuration steps for several commonly used apps so Checkout Plus displays correctly in the cart experience.
Styling, text customization, and other design options are covered separately. See Checkout Plus Styling for details.
If your cart provider isn’t listed, contact Corso Support for assistance with setup.
Checkout Button
- Selectors:
.rebuy-cart__checkout-button
Checkout Plus Elements
- Type: Opt-Out Checkout Button
- Selectors:
.rebuy-cart__checkout-button
- Insert Strategy: Insert after the element
- Selectors:
- Type: Checkout Plus Info
- Selectors:
.rebuy-cart__checkout-button
- Insert Strategy: Insert before the element
- Selectors:
Upcart
Section titled “Upcart”Checkout Button
- Selectors:
.upcart-checkout-button
Checkout Plus Elements
- Type: Opt-Out Checkout Button
- Selectors:
.upcart-checkout-button
- Insert Strategy: Insert after the element
- Selectors:
- Type: Checkout Plus Info
- Selectors:
.upcart-checkout-button
- Insert Strategy: Insert before the element
- Selectors:
Custom CSS – To fix footer link display issues in the info modal:
:root { --corso-info-bg-color:transparent; }
.corso-modal-footer-links a { display:inline!important; }
Advanced Settings
- Query Shadow DOM = true (contact Corso to enable)
Checkout Button
- Selector:
.boost-cart__footer .boost-cart__checkout-cta
Cart Settings
- Cart Change Detection Method: Selector Observer
- Selectors:
.boost-cart__item-info-right
Checkout Plus Elements
- Type: Opt-Out Checkout Button
- Selectors:
.boost-cart__footer .boost-cart__checkout-cta
- Insert Strategy: Insert after the element
- Selectors:
- Type: Checkout Plus Info
- Selectors:
.boost-cart__footer .boost-cart__checkout-cta
- Insert Strategy: Insert before the element
- Selectors:
Note: The Checkout Plus script may need to be added to the Boost cart admin since it behaves like a headless implementation.
Slidecart
Section titled “Slidecart”Checkout Button
- Selectors:
button[name="checkout"]
Checkout Plus Elements
- Type: Opt-Out Checkout Button
- Selectors:
#slidecart-checkout-form
- Insert Strategy: Insert after the element
- Selectors:
- Type: Checkout Plus Info
- Selectors:
#slidecart-checkout-form
- Insert Strategy: Insert before the element
- Selectors: