Cart
Empty cart buttons
In Palo Alto, you have the option to show up to three upsell buttons when the cart is empty.
To set this up, you need to first create a new navigation menu. Start by heading over to your online store > navigation and clicking on 'add menu':
You can give it any name you want, we will call ours 'cart menu'.
Lastly, you need to open up the theme editor and access the cart tab under theme settings.
Cart settings
Free shipping message
Dynamic message to encourage increased items per transaction.
Add a free shipping message in the cart drawer to help your customers know how close they are to free shipping. The value fills up and changes as items are added to the cart.
Use to encourage add-on sales and increased quantities
Enable the 'free shipping message' from the theme settings -> cart tab and set the value from the 'minimum spend for free shipping' field.
Modify the message text as needed. Keep the || amount || custom short-code to reference your set value from the cart settings.
Once the required amount is reached, a message will show up too.
Custom message
Use a custom cart message to broadcast important information to your customers.
To set up a new custom cart message, you can open the theme editor and click on theme settings > cart. The options for this are under the 'message' headline:
Note: the message itself does not generate a promo code. If you plan on using this message in a similar way be sure to set up a promo code first. Click here to learn more about Shopify promo codes and discounts.
The custom cart message is shown in the cart drawer (like in the example above) and the cart page.
Terms and conditions
The cart terms and conditions allow you to add a checkbox to stop users from checking out before accepting the terms and conditions of your store.
To enable this option you can go into your cart tab in your theme settings menu.
Overview
Cart type
select
Choose between a Drawer or Page cart layout.
Cart icon
select
Choose between a Bag or Shopping cart icon.
Enable cart bag dot animation
checkbox
Displays a dot animation on the cart icon when an item is added.
Enable cart notes
checkbox
Adds a note field for special instructions in the cart.
Enable gift notes
checkbox
Allows customers to add a gift message.
Enable additional checkout buttons
checkbox
Shows alternate checkout options (e.g., PayPal, Shop Pay).
Button color
select
Customize the color of cart buttons. Options: Primary, Secondary, White, and Black.
Button style
select
Choose the style of cart buttons. Options: Solid, Outline, Solid with border, Soft, and Text.
Size
select
Set the size of the cart buttons. Options: Small, Medium, and Large.
Empty cart
Heading
text
Heading text shown when the cart is empty.
Heading size
range
Controls the size of the heading (in %).
Collections per row
select
Choose 1 or 2 collections per row.
Collection heading size
range
Adjusts heading size of featured collections.
Overlay text
checkbox
Enables text overlay on collection images.
Text color
select
Choose between Light or Dark overlay text.
Text contrast
range
Set the contrast opacity of the overlay text.
Button text
text
Call-to-action text shown in empty cart.
Empty cart message
textarea
The optional message under the empty cart supports a dynamic variable.
Menu
link_list
Optional menu of links (non-dropdown).
Free shipping message
Show free shipping message
checkbox
Displays a progress message toward free shipping.
Message
textarea
Custom message.
Message
Text
richtext
Custom message or promotion in cart (e.g., discount codes).
Color
select
Choose Light or Dark text color.
Terms and conditions
Enable terms and conditions requirement for checkout
checkbox
Requires users to agree before proceeding to checkout.
Checkbox label
richtext
Custom label shown with the checkbox.
Last updated