# About 5.7 Release

### Footer parallax effect

In the latest update, Palo Alto 5.7 introduces an engaging visual feature - a parallax scrolling effect for your website's Footer. This feature adds depth and movement to your webpage, creating a more dynamic user experience:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/zJwnUQvP4dwBXUNmbRjS/smaller-footer-parallax.gif" alt=""><figcaption></figcaption></figure>

The parallax effect can be applied to both the standard **Footer** and the **Footer minimal** sections for a cohesive aesthetic across your site.

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/IkyHZnyWLABPaqx0z4b1/footer%20min%20parallax.jpg" alt=""><figcaption></figcaption></figure>

This effect is designed exclusively for **desktop** use to ensure optimal performance without compromising the website's loading speed on mobile devices.

### Mobile column settings

Palo Alto version 5.7 enhances mobile settings, offering single and double-column customization options for enhanced flexibility.

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/mnZFShjQW9ooqClQekIe/mobile%20setting%20featured%20collection.gif" alt=""><figcaption><p><strong>Featured collection section</strong></p></figcaption></figure>

We've added **mobile column options** to the following sections:

* Blog posts, Buttons list, Collections list, Featured collection, Grid, Promotion row, Product recommendations, Recently viewed products, Shoppable blog posts, Tab collections, Testimonials, and Text columns with images

Examples:

**One** product per row displayed on the mobile slider with the **Featured collection** section:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/1FCmb2UcxzXxGY5FIm2q/one-col%20PA%20example.jpg" alt=""><figcaption></figcaption></figure>

**Two** columns per row brings in more assets into the slider viewport:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/9u4yj3eKZO05AokzAECS/2-columns%20PA.jpg" alt=""><figcaption></figcaption></figure>

### Heading tags to customize your SEO requirements

Now, in Palo Alto, you can customize the Heading to choose your heading tags:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/QIyE2reaOTPvuVZKpqHm/heading-dropdown%20PA.jpg" alt=""><figcaption></figcaption></figure>

* Use line-breaks in the Heading editor to create multiple rows for your headings:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/vlaobEqq9ZS6eOoeTn7I/Edit%20the%20heading%20PA.jpg" alt=""><figcaption></figcaption></figure>

### Tab heading styles and size options

You can now choose from Heading, Body and Accent styles for your tab headings. Finetune the size of the text with the size slider:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/sRNJCpr6zT7M0P2miNri/Tab%20heading%20style%20and%20size.jpg" alt=""><figcaption></figcaption></figure>

We've added this feature to tabbed sections like:

* Product recommendations
* Search pages&#x20;
* Size chart drawers

Learn more about tabbed sized charts:

{% content-ref url="broken-reference" %}
[Broken link](https://palo-alto.presidiocreative.com/updates/whats-new-in-palo-alto/broken-reference)
{% endcontent-ref %}

### New marquee animation enhancements

We're excited to unveil two innovative layout options for the "Marquee" sections. We've added new parallax scrolling effects, offering modern design elements to improve your messaging elements throughout your store.

{% embed url="<https://www.loom.com/share/4772663ace3e4d6db8c1a9ef883b22f9?sid=1d2f79c6-9fb8-4445-b687-de1ba005b114>" %}

### Additional animation improvements

We've brought new modern animation design elements to these popular sections in Palo Alto:

* Slideshow
* Banner image
* Split images

The animations appear in order as each text block is revealed, resulting in a finetuned animation experience for your content.&#x20;

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/8Jk2HVOv1xzi12h6ZBqj/PAL%20slideshow.gif" alt=""><figcaption></figcaption></figure>

In addition, the zoom animation for hover effects has been added to more sections and blocks throughout the theme.&#x20;

### Buttons list color settings

We've added additional color options to the popular "Buttons list" section in Palo Alto 5.7.&#x20;

* The section now contains a set of default colors for the buttons and the section:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/73QxIX8G1DyjRkiSVoN8/Buttons%20List%20PA57%20Section.jpg" alt=""><figcaption></figcaption></figure>

* Each block contains override color options for complete customization:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/UcSvxcYbwBW7hQqeoOL7/button%20block%20PA%20settings.jpg" alt=""><figcaption></figcaption></figure>

### Upsell design

The upsell promotion design has been improved to help with wider layouts. The image has been moved to the left, and the spacing has been optimized for the columns.&#x20;

* Standard image, wide product form:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/rsqX3jSsNHQxFW8pOlE2/wide-image-upsell-pa.jpg" alt=""><figcaption></figcaption></figure>

* Large image, smaller product form:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/H9oaRQQKNEVvU6LGOEXN/large-image-upsell-pa.jpg" alt=""><figcaption></figcaption></figure>