Cart
Last updated
Last updated
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.
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.
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:
The custom cart message is shown in the cart drawer (like in the example above) and the cart page.
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.
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 %).
Collection list
collection_list
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.
Button link
url
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.
Minimum spend for free shipping
text
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.
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. to learn more about Shopify promo codes and discounts.
Display up to 4 featured collections in the empty cart.
URL for the empty cart button. The default is the page.
Set the threshold for free shipping (numeric only).