Supported Versions
The details shared here apply to the most recent version of Turbo. To keep your theme up to date, check out this helpful document.
In This Article
Turbo Cart Type Options
The Turbo theme includes four different cart type options available to choose from for your shop! The cart type you select controls how your cart functions and determines what experience your customer will have once they click the 'add to cart' button. The cart types available within Turbo are mini cart, page, refresh, and checkout.
In order to select your cart type, head into your Theme Editor (Customize) > Theme Settings > Cart > Cart Type.
Cart Type Examples
-
Mini Cart
When a customer adds a product to their cart, a smaller version of the cart page in a drop-down format will display from the header which is updated dynamically using AJAX. The mini cart is also accessible by hovering over the cart icon! The customer can either navigate to the cart page from here, or if enabled, head straight to the checkout.
Show lock icon on checkout button
You can now enable a lock icon for the checkout button which will appear on both the mini cart and the cart page. This subtle option is a great way to build trust and assure customers that your store is secure thanks to Shopify’s built-in SSL feature.
While this may seem like a small change, research and best practices indicate that the simple addition of this icon can help increase conversion rate, by reassuring shoppers that their payment and personal information is secure.
Show agree to terms checkbox/agree to terms page
If you'd like the agree to terms to display in the mini cart, you can enable the 'Agree to terms checkbox' found under Theme Settings > Cart > Show 'agree to terms' checkbox.
If you'd like to add a link to your Terms page, you can select your page under the 'Agree to terms' page setting as well. This will show a 'View Terms' link where customers can easily access the page.
Mini cart checkout
If you'd like your customers to be able to proceed to checkout directly from the mini cart, you can enable the 'mini cart checkout' setting. Otherwise, a 'go to cart' button will display instead.
Show note text box
If you'd like to have a 'note' text box to appear in the mini cart for your customers, you can check off the Show 'note' text box setting found under Theme Settings > Cart > Mini Cart.
Show total savings
If an item is on sale, the total savings can be enabled to display in the mini cart! 'Show total savings' can be enabled under Theme Settings > Cart > Mini Cart > Show total savings.
Cart message
If you would like a message to appear to your customers in the mini cart, you can add text in the 'Cart message' field. The cart message can be added under Theme Settings > Cart > Mini Cart > Cart message.
This is a great way to add your shipping timelines, hours, promo codes, or anything else you'd like your customers to see before they make their purchase!
-
Refresh
When a customer adds an item to their cart, the current page will refresh and the cart icon will update with the count.
-
Page
When a customer adds an item to their cart, they will be redirected to the shop's cart page. This method is great if you'd like your customers to see specific content available on your cart page.
While on the cart page, you can also enable:
- Show "note" text box
- Show total savings
- Cart message
- Featured Collection
Under Sections > Cart page:
-
Checkout
This method will lead the customer directly to your checkout page once a product has been added to their cart. This is a great method to achieve a "direct sale" as there is only one action before the checkout stage.
Cart Icon Settings
There are two options for the cart icon: bag and cart. The cart icon setting is found in your Theme Editor (Customize) under Sections > Header > Cart Icon.
Mobile Layout
-
Mini Cart
On mobile, when a customer adds an item to the cart, the screen will scroll up and reveal the mini cart. The cart icon in the header can be tapped to open/close the mini cart as well.
-
Refresh
On mobile, when a customer adds an item to the cart, the screen will refresh to the top of the current page where the cart count will get updated.
-
Page
On mobile, when a customer adds an item to the cart, they will get redirected to the cart page.
-
Checkout
On mobile, when a customer adds an item to the cart, they will get redirected to the checkout page.
