# About 5.6 Release

### Sticky image with text section

Introducing a new sticky version of Image with text. Now you can keep the text message always visible while scrolling through the image blocks:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/4T4TFMP0pNyEMOGtrBqa/sticky%20v2.gif" alt=""><figcaption><p><strong>Vertical layout</strong></p></figcaption></figure>

* Palo Alto provides both **horizontal** and **vertical** layout options for this new section:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/kr7sndOTD4eyz4xwRl6O/sticky-horiz.jpg" alt=""><figcaption><p><strong>Horizonal scroll with sticky text</strong></p></figcaption></figure>

### Products with image section

Another exciting new section in this version of Palo Alto is **Products with image**. Build a promotional message with an image and include the product line next to it:&#x20;

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/h0E3o5vX7CHIAJ6rq0BZ/products%20with%20image%20section%20pa.jpg" alt=""><figcaption></figcaption></figure>

* The image remains sticky while scrolling through the product list.&#x20;

### Footer full-width block

New in Palo Alto is the "**Logo full width**" block for building beautiful, rich footers. Showcase your brand for a modern footer design:&#x20;

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/jZiHYqwFVqAQBR9RPs29/logo%20full%20width%20phenomena.jpg" alt=""><figcaption><p><strong>Logo full width block</strong></p></figcaption></figure>

* This new block is available in the **Footer** and **Footer minimal** sections.&#x20;
* We've also increased the maximum number of blocks to **six** from four in both sections.&#x20;

### Overlapping images

We've added new scrolling animation effects to the Overlapping images section:&#x20;

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/ApWIP6Ph5LIjvsAngtAh/overlap-still-larger.jpg" alt=""><figcaption></figcaption></figure>

* Customize the animation direction and intensity to enhance your store's scrolling effect.&#x20;

### Countdown Timer block

The "**Banner image**" section now includes a countdown timer block. Now you have even more options to promote flash sales with Palo Alto:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/Qx5nFGhWiSzDQRZjRwEq/coundown%20timer%20black%20banner%20pa.jpg" alt=""><figcaption><p><strong>Hero-style banner section with countdown timer</strong></p></figcaption></figure>

### Swatch improvements

We've added a **checkmark** to the selected variant option to the **rectangular** swatch design. This visual effect helps customers ensure they have chosen the correct variant option:&#x20;

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/qdUHqPiavQu900B25x0W/swatch%20setting%20and%20check.jpg" alt=""><figcaption><p><strong>Better selected variant indicator</strong></p></figcaption></figure>

### Predictive search&#x20;

In this version of Palo Alto, we've refined the search experience with improved colors, borders and the layout for both the **mobile** and **desktop** dropdown designs:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/g7taOMuLkmJCQZocNQLp/mobile%20pred%20search%20pa.jpg" alt=""><figcaption><p><strong>Mobile predictive search dropdown</strong></p></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/otpbIVKSIv1V6UkGwIgN/desktop%20pred%20search%20pa.jpg" alt=""><figcaption><p><strong>Desktop predictive search dropdown</strong></p></figcaption></figure>
