# About 5.9 Release

### Empty Cart Drawer

Palo Alto now includes new options to promote the empty cart drawer. Add collections, custom buttons, and more to funnel customers into a purchase flow:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/gXyr4Orj1j2yXVkTm7qK/empty-cart-drawer.jpeg" alt=""><figcaption><p>Buld an attractive empty cart drawer with easy links to your products</p></figcaption></figure>

Use the options found under the **Theme settings -> Cart** to customize:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/0OH5UYkwpaCn9KxXhIOk/empty-cart-settings.jpg" alt=""><figcaption></figcaption></figure>

Tip: You can also use a Shopify Navigation menu to auto-generate buttons for the empty cart drawer.&#x20;

### Icons Row Section

New design options with borders and additional layouts for building eye-catching information sections:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/4MWo8VQWiBhVO6Klq7P7/CleanShot%202024-09-27%20at%2009.38.27@2x.jpg" alt=""><figcaption></figcaption></figure>

**Mobile** layout options to build grid, stacked, and slider versions:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/ADmjtHxII5QHIb0GPKXf/CleanShot%202024-09-27%20at%2009.30.35@2x.jpg" alt=""><figcaption></figcaption></figure>

### Multicolumn Section

A new section in Palo Alto, “**Multicolumn**”. Design promotion layouts with custom column sizes:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/t3A69K5GNPL9IhpvrHKf/CleanShot%202024-09-27%20at%2009.54.47@2x.jpg" alt=""><figcaption></figcaption></figure>

Choose from various block types, including Text, Image, Menu, and Collection:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/B3jzDnt9X2xBk5vrNj1G/CleanShot%202024-09-27%20at%2010.04.46@2x.jpg" alt=""><figcaption></figcaption></figure>

Customize the **column width** for each block to build unique designs:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/33QyUfOkBJAZBAnPSWK7/column-width-text-example.jpg" alt=""><figcaption></figcaption></figure>

### Variant Images

Palo Alto has made it simple to add images to your variant options. This feature is designed to help display images for variant choices. Ideal for showing the size, type or can even be used to show colors instead of swatches:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/EsXV6cuufSsVXSbFcFYa/demo-variant-images-green.jpg" alt=""><figcaption></figcaption></figure>

Currently, the feature can be set to only **one** variant type, such as size, style, or color. Multiple types will be supported in future releases. If your shop needs images shown for a particular variant type, this feature will easily link images to your variant options. We suggest using the Siblings feature in Palo Alto for more complex solutions.&#x20;

How to setup:

{% content-ref url="../../products/palo-alto-product-pages/variant-images" %}
[variant-images](https://palo-alto.presidiocreative.com/products/palo-alto-product-pages/variant-images)
{% endcontent-ref %}

### Add to Cart Button - Price

The **Add to Cart Button** now has the option to include the **price** inside the button, which helps customers see the cost of the current selection.

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/rHMJ6YN9yMdob0E6EMXz/quick-add-desktop.jpg" alt=""><figcaption></figcaption></figure>

Toggle the feature in the **Theme settings -> Product form**:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/KKPAwL3Xvk56UVwAguXV/product-form-settings-overlay.jpg" alt=""><figcaption></figcaption></figure>

### Quick Add

We've refined the design for the Quick Add feature, making it cleaner on both desktop and mobile.&#x20;

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/H95aL2y52Q7O2MpmAovg/mobile-design.jpg" alt=""><figcaption></figcaption></figure>

### Buttons

We've introduced "**Font weight**" and "**Accent font**" options to the Buttons:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/aB5njPijJXi2gwXoPKPQ/button-options-green.jpg" alt=""><figcaption></figcaption></figure>

### Stacked Buttons

Slideshow & Image banner - Additional alignment settings and an optional stacked button style:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/ANJ0pByQ3R3ctPAaQlLf/ping-stacked.jpg" alt=""><figcaption><p>Stacked on desktop</p></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/y2vwqliUSC5INAFGTUd2/ping-unstacked.jpg" alt=""><figcaption><p>Inline horizontal, stack toggle off</p></figcaption></figure>

On mobile designs, the buttons are displayed as stacked.&#x20;

### Grid Section

New design updates for the mobile experience. Items can now be shown in a two-column layout:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/KbFNHuvBOESrZIRwshkw/grid-mobile-options.jpg" alt=""><figcaption><p>Mobile options include two-columns, one-column, and slider. </p></figcaption></figure>