Steps for enabling the Always Available Checkout Button vary depending on the cart platform used.
Custom carts must call BoltCheckout.configure()
with parameters based on whether there are items in the cart and if an item was just added to cart.
Use the following call to display the Always-Available Checkout Button when a Shopper adds the first item to their cart. This call also animates the mini-cart to signify an item was added.
BoltCheckout.configure(cart, hints, callbacks, {floatingButtonMode: “show_cart”})
Use the following call to display the Always-Available Checkout Button with the mini-cart hidden until a shopper hovers over the button.
BoltCheckout.configure(cart, hints, callbacks, {floatingButtonMode: “show_car_on_hovert”})
To disable the Always Available Checkout Button, simply do not call Bolt.Checkout.configure()
.
data-bc-feature-enable="always_present_checkout"
to the script tag where you inject connect.connect-bigcommerce.js
with the data-bc-feature-enable
attribute to every page you want to show the always present button on.To disable the Always Available Checkout Button, remove data-bc-feature-enable
attribute from connect script tag.
2.8.0
or greater.span.counter-number
.#top-cart-btn-checkout
.M2_INSTANT_BOLT_CHECKOUT_BUTTON
in admin dashboard.To disable the Always Available Checkout Button, turn off the feature switch in Admin Dashboard.