Will this work on mobile? If your theme is responsive these instructions will work. If the theme uses the BigCommerce mobile theme, you will need to also make these changes on the mobile template files.

Hiding Checkout Buttons in the Cart

First, you will be modifying the code to hide the checkout button and show a message about the order minimum to your customers. This message will appear on the cart page until the customer's order total reaches the set minimum, at which point the message will disappear and the checkout button will return.

Code for the Messaging

1. Copy the following code. You can change the value from $100 in a later step.

<div class="CartTotalMessage">
<p>Items in cart must be a total of $100 or more. Please add additional products to the cart to proceed.</p>
</div>

2. Go to Storefront Design › Themes, then click on Edit HTML/CSS.

3. In the list of Other Template Files on the left, locate cart.html.

Use Ctrl F or Command F to quickly locate template files in the list.

4. Paste the code above %%Panel.CartContent%%. Change the value from $100 to your desired order total minimum.

Changing the minimum amount? Change the value from $100 to your minimum order total. If using a currency other than USD, be sure to update the currency token on the fourth line from $ to your currency's token.

2. Paste the contents of your clipboard after the body tag on cart.html.

3.Save your changes.

Hiding checkout buttons in your popup based on total

If you have the Add to Cart Action set to Show Confirmation in a Popup Window (Store Setup ›​Store Settings › Display tab), you will need to set your order minimum in the popup as well.

Code for Hiding Checkout Button

1. Copy the following code. If using a currency other than USD, be sure to update the currency token on the fourth line from $ to your currency's token.