# 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 menu. You can give it any name you want, we will call ours 'cart menu'.

{% hint style="info" %}
Note: You can only show up to three buttons, so you should only add up to three links in your menu.
{% endhint %}

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.

{% hint style="success" %}
Use to encourage add-on sales and increased quantities
{% endhint %}

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:

{% hint style="success" %}
**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*](https://help.shopify.com/en/manual/discounts/discount-types) to learn more about Shopify promo codes and discounts.
{% endhint %}

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.

<table><thead><tr><th width="233.8350830078125">Settings</th><th width="170.37249755859375" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Cart type</td><td align="center"><code>select</code></td><td>Choose between a <code>Drawer</code> or <code>Page</code> cart layout.</td></tr><tr><td>Cart icon</td><td align="center"><code>select</code></td><td>Choose between a <code>Bag</code> or <code>Shopping cart</code> icon.</td></tr><tr><td>Enable cart bag dot animation</td><td align="center"><code>checkbox</code></td><td>Displays a dot animation on the cart icon when an item is added.</td></tr><tr><td>Enable cart notes</td><td align="center"><code>checkbox</code></td><td>Adds a note field for special instructions in the cart.</td></tr><tr><td>Enable discounts</td><td align="center"><code>checkbox</code></td><td>Enables discounts for eligible products and orders.</td></tr><tr><td>Enable gift notes</td><td align="center"><code>checkbox</code></td><td>Allows customers to add a gift message.</td></tr><tr><td>Enable additional checkout buttons</td><td align="center"><code>checkbox</code></td><td>Shows alternate checkout options (e.g., PayPal, Shop Pay).</td></tr><tr><td>Button color</td><td align="center"><code>select</code></td><td>Customize the color of cart buttons. Options: <code>Primary</code>, <code>Secondary</code>, <code>White</code>, and <code>Black</code>.</td></tr><tr><td>Button style</td><td align="center"><code>select</code></td><td>Choose the style of cart buttons. Options: <code>Solid</code>, <code>Outline</code>, <code>Solid with border</code>, <code>Soft</code>, and <code>Text</code>.</td></tr><tr><td>Size</td><td align="center"><code>select</code></td><td>Set the size of the cart buttons. Options: <code>Small</code>, <code>Medium</code>, and <code>Large</code>.</td></tr><tr><td><strong>Empty cart</strong></td><td align="center"></td><td></td></tr><tr><td>Heading</td><td align="center"><code>text</code></td><td>Heading text shown when the cart is empty.</td></tr><tr><td>Heading size</td><td align="center"><code>range</code></td><td>Controls the size of the heading (in %).</td></tr><tr><td>Collection list</td><td align="center"><code>collection_list</code></td><td>Display up to 4 featured collections in the empty cart. <a href="https://help.shopify.com/en/manual/custom-data/metafields/metafield-definitions/creating-custom-metafield-definitions">Learn more</a></td></tr><tr><td>Collections per row</td><td align="center"><code>select</code></td><td>Choose <code>1</code> or <code>2</code> collections per row.</td></tr><tr><td>Collection heading size</td><td align="center"><code>range</code></td><td>Adjusts heading size of featured collections.</td></tr><tr><td>Overlay text</td><td align="center"><code>checkbox</code></td><td>Enables text overlay on collection images.</td></tr><tr><td><strong>Buttons</strong></td><td align="center"></td><td></td></tr><tr><td>Button text</td><td align="center"><code>text</code></td><td>Call-to-action text shown in empty cart.</td></tr><tr><td>Button link</td><td align="center"><code>url</code></td><td>URL for the empty cart button.  The default is the <a href="https://palo-alto-theme-luxe.myshopify.com/collections/all">all products</a> page.</td></tr><tr><td>Empty cart message</td><td align="center"><code>textarea</code></td><td>The optional message under the empty cart supports a dynamic variable.</td></tr><tr><td>Menu</td><td align="center"><code>link_list</code></td><td>Optional menu of links (non-dropdown).</td></tr><tr><td><strong>Free shipping message</strong></td><td align="center"></td><td></td></tr><tr><td>Show free shipping message</td><td align="center"><code>checkbox</code></td><td>Displays a progress message toward free shipping.</td></tr><tr><td>Message</td><td align="center"><code>textarea</code></td><td>Custom message.</td></tr><tr><td>Minimum spend for free shipping</td><td align="center"><code>text</code></td><td>Set the threshold for free shipping (numeric only). <a href="https://palo-alto.presidiocreative.com/theme-settings/settings/cart#free-shipping-message">Learn more</a></td></tr><tr><td><strong>Message</strong></td><td align="center"></td><td></td></tr><tr><td>Text</td><td align="center"><code>richtext</code></td><td>Custom message or promotion in cart (e.g., discount codes).</td></tr><tr><td><strong>Terms and conditions</strong></td><td align="center"></td><td></td></tr><tr><td>Enable terms and conditions requirement for checkout</td><td align="center"><code>checkbox</code></td><td>Requires users to agree before proceeding to checkout. </td></tr><tr><td>Checkbox label</td><td align="center"><code>richtext</code></td><td>Custom label shown with the checkbox.</td></tr></tbody></table>