--- title: Cart & Add to cart theme settings description: How to setup a Cart & Add to cart to your storefront --- [Skip to content](https://help.boostertheme.com/knowledge/cart-add-to-cart-theme-settings#main-content) ![logo_white_booster-Sep-13-2022-06-54-02-62-PM.png\]](https://help.boostertheme.com/hs-fs/hubfs/logo_white_booster-Sep-13-2022-06-54-02-62-PM.png?height=36&name=logo_white_booster-Sep-13-2022-06-54-02-62-PM.png) - [Home - Help Center](https://help.boostertheme.com/knowledge) Open main navigation Close main navigation - [Home - Help Center](https://help.boostertheme.com/knowledge) - [Go to boostertheme.com](https://boostertheme.com/) [Go to boostertheme.com](https://boostertheme.com/?hsLang=en) Hello. How can we help you? - There are no suggestions because the search field is empty. 1. [Home - Help Center](https://help.boostertheme.com/knowledge?hsLang=en) 2. [In-depth Tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en) 3. [Theme settings](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#theme-settings) # Cart & Add to cart theme settings ## How to setup a Cart & Add to cart to your storefront [![add-to-cart-theme-setting](https://help.boostertheme.com/hs-fs/hubfs/add-to-cart-theme-setting.jpg?width=688&height=349&name=add-to-cart-theme-setting.jpg)](https://help.boostertheme.com/hubfs/add-to-cart-theme-setting.jpg?hsLang=en) It is natural for customers to add multiple products to the cart and place an order for all of them simultaneously. So, the cart page needs to be easy to navigate. Let us find out how to include the add-to-cart feature in our Booster theme. #### In this article: 1. [Quick cart style available in Booster Theme](https://help.boostertheme.com/knowledge/cart-add-to-cart-theme-settings#quick-cart-style) 2. [Enable Quickbuy](https://help.boostertheme.com/knowledge/cart-add-to-cart-theme-settings#enable-quickbuy) 3. [AJAX Cart](https://help.boostertheme.com/knowledge/cart-add-to-cart-theme-settings#ajax-cart) 4. [Dynamic checkout button](https://help.boostertheme.com/knowledge/cart-add-to-cart-theme-settings#dynamic-checkout-button) 5. [After adding to the cart](https://help.boostertheme.com/knowledge/cart-add-to-cart-theme-settings#after-add-to-cart) --- #### **Let's get started!** To access the **Cart & Add to cart** Settings, click **Customize** (Themes section on Shopify) > **Theme settings **> **Cart & Add to cart** #### **Quick Cart Style** You can choose a cart style from the following three options:  - **Drawer (1)** - **Sidebar (2)** - Disable **Quick cart**, this option will lead the customer directly to the cart. [![booster-settings](https://help.boostertheme.com/hs-fs/hubfs/booster-settings.png?width=668&height=605&name=booster-settings.png)](https://help.boostertheme.com/hubfs/booster-settings.png?hsLang=en) #### **Enable Quickbuy** If turned on, products with multiple variants will be opened in a Quickbuy modal for customers to view and add to cart. If disabled, clicking on the button will redirect them to the product's page. [**![booster-quickbuy](https://help.boostertheme.com/hs-fs/hubfs/booster-quickbuy.png?width=688&height=387&name=booster-quickbuy.png)**](https://help.boostertheme.com/hubfs/booster-quickbuy.png?hsLang=en) #### **AJAX Cart** You may alter the behavior of your cart page in AJAX Cart by using the following settings in booster theme: [![ajax-cart](https://help.boostertheme.com/hs-fs/hubfs/ajax-cart.jpg?width=286&height=141&name=ajax-cart.jpg)](https://help.boostertheme.com/hubfs/ajax-cart.jpg?hsLang=en) - **Disable AJAX Cart: **This option is available for use whenever there is a problem with a third party apps. - **Send AJAX form: **It is recommended to use by default. - **Send API request: **This option is available if needed by the developer. #### Dynamic checkout button This setting will allow us to use third party payment options. If turned on, customers can purchase the item they're browsing quickly by using the dynamic checkout button. They don't use the shopping cart and instead pay using the checkout option that is indicated on the button. [![dynamic-checkout](https://help.boostertheme.com/hs-fs/hubfs/dynamic-checkout.jpg?width=688&height=405&name=dynamic-checkout.jpg)](https://help.boostertheme.com/hubfs/dynamic-checkout.jpg?hsLang=en) #### **After adding to the cart** With our theme, you can modify and set what happens after you add a product to the cart. You get the following options: [![after-add-to-cart](https://help.boostertheme.com/hs-fs/hubfs/after-add-to-cart.jpg?width=290&height=189&name=after-add-to-cart.jpg)](https://help.boostertheme.com/hubfs/after-add-to-cart.jpg?hsLang=en) - **Show a message**: “Added to cart” or a similar message will be displayed on the screen. [![show-a-message](https://help.boostertheme.com/hs-fs/hubfs/show-a-message-1.jpg?width=419&height=76&name=show-a-message-1.jpg)](https://help.boostertheme.com/hubfs/show-a-message-1.jpg?hsLang=en) - **Show the added product**: This option will show you the shortlisted products. [![show-the-added-product](https://help.boostertheme.com/hs-fs/hubfs/show-the-added-product.jpg?width=384&height=619&name=show-the-added-product.jpg)](https://help.boostertheme.com/hubfs/show-the-added-product.jpg?hsLang=en) - **Upsell the collection**: Similar collection to what you have selected will be displayed. [![upsell-product](https://help.boostertheme.com/hs-fs/hubfs/upsell-product.jpg?width=688&height=513&name=upsell-product.jpg)](https://help.boostertheme.com/hubfs/upsell-product.jpg?hsLang=en) - **Go to cart**: With this option, you can go to cart and checkout after completing the transaction. - **Opens the minicart**: The minicart is going to open. - **Go to checkout**: The customer will get redirected straight to checkout. - [Get started](https://help.boostertheme.com/knowledge/get-started?hsLang=en#main-content) - [Installation Process](https://help.boostertheme.com/knowledge/get-started?hsLang=en#installation-process) - [Learning the basics](https://help.boostertheme.com/knowledge/get-started?hsLang=en#learning-the-basics) - [In-depth Tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#main-content) - [Sections](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#sections) - [Theme settings](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#theme-settings) - [Product Page](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#product-page) - [More tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#more-tutorials) - [More support](https://help.boostertheme.com/knowledge/more-support?hsLang=en#main-content) - [Partners app Ressource center](https://help.boostertheme.com/knowledge/more-support?hsLang=en#partners-app-ressource-center) - [Managing your subscription & theme](https://help.boostertheme.com/knowledge/more-support?hsLang=en#managing-your-subscription-theme) - [Change logs & Policies](https://help.boostertheme.com/knowledge/more-support?hsLang=en#change-logs-policies) - [Announcements and others](https://help.boostertheme.com/knowledge/more-support?hsLang=en#announcements-and-others) [![Chill listening crop-3](https://help.boostertheme.com/hs-fs/hubfs/Booster-black-logo.png?width=178&height=51&name=Booster-black-logo.png "Chill listening crop-3")](https://boostertheme.com/?hsLang=en) Copyright © 2026, Booster Theme - PreviewX Inc.