# About v5.1 release

### Featured product section

Fresh new design for the featured product section with new image scrolling options and additional section settings:

<figure><img src="https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/APgA6bJ3IytbtuHAwCUx/Featured%20Product%20update.png" alt=""><figcaption></figcaption></figure>

Discover the new vertical and horizontal image scrolling options with this quick video:

{% embed url="<https://www.loom.com/share/8c25f99ca8aa4e8ca8a68a1da86c39d1?sid=7df05564-e690-4007-8aa4-9a4193cf95ab>" %}

You have the option to add a background image to enhance the appearance of the section:

<figure><img src="https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/6TGM9QQdR5FIqGiQGkqk/Background%20image%20featured%20product.png" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Note: When a background image is used, the full-width horizontal scrolling effect is disabled. Vertical scrolling and regular horizontal scrolling are not affected.&#x20;
{% endhint %}

### Image with text slider section

A new section added to Broadcast is a two-column image and text section with multiple text blocks. You can now add multiple text blocks that customers can slide through for additional information.&#x20;

Watch this short video walk-through on the section and block settings:

{% embed url="<https://www.loom.com/share/9059979b14e04b548c6a821551e4fa92?sid=b0505747-1f68-4e42-9e9b-11ce6e2c23d1>" %}

On mobile devices, the images will rotate automatically and customers can swipe through the text blocks:

{% embed url="<https://www.loom.com/share/37a1f7cd9b38439a92020afb2a9ce31b?sid=3fc77af2-3b06-4113-8fd6-0c5086faf2b5>" %}

The slider navigation style can be adjusted under the Theme settings:

<figure><img src="https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/OZDTkQDH2fVz5emPdqNU/slider%20style.png" alt=""><figcaption></figcaption></figure>

### Color swatches

Swatches are now easier to manage and control. All the settings for color swatches around are found under Theme Settings -> Swatches

<details>

<summary>Key changes</summary>

* Color codes are now managed under the Theme settings.
* Swatch Images are now used from the Shopify files.
* Siblings can now use a color swatch instead of a product image.

</details>

Video walk-through on all the changes:

{% embed url="<https://www.loom.com/share/b075d5b28c104fe9be81bcd85f4be6c8?sid=6a3fb626-cea1-470d-a47c-8f460b6aebac>" %}

### Tab collection section

A new grid layout option for the desktop has been added for displaying the products within a tabbed collection. You can easily choose between the slider style or the new grid option:

{% embed url="<https://www.loom.com/share/cb9820dd23854bffa0d77ede4a134a55?sid=c7729410-b21a-4c8e-a93b-80d88626c70b>" %}

In addition to the product layout, you can position the tabs with different layout options:

<div><figure><img src="https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/anlQopxoV4jq1HHuMA16/tab%20collections%20layout.png" alt="" width="375"><figcaption><p><strong>In-line</strong></p></figcaption></figure> <figure><img src="https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/naA3whgT8wydE2pawnob/Left%20layout.png" alt="" width="375"><figcaption><p><strong>Left aligned</strong></p></figcaption></figure> <figure><img src="https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/vcvp101AbQ1NdJM6yaMD/center.png" alt="" width="375"><figcaption><p><strong>Center aligned</strong></p></figcaption></figure></div>

### Scrolling text section

You can now add a background image to the scrolling text section and also image blocks in-line:

<figure><img src="https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/s5sP6IiRDmDiQwDO6SXb/scrolling%20text%20example.png" alt=""><figcaption></figcaption></figure>

Video overview - Scrolling text updates:

{% embed url="<https://www.loom.com/share/bc14c5ede7214c8f944e4e5c252419dc?sid=758fe5b5-b4aa-4506-99a4-247ec8c4993d>" %}

### Header line

An option has been added to help build a separation between the header and content:

<figure><img src="https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/921fLKndvQSovvwaz7ue/header%20line.png" alt=""><figcaption><p><strong>Use the separator opacity slider to adjust the transparency of the line.</strong> </p></figcaption></figure>

### Header sizing

You can now adjust the padding in the header area to make larger or tighter headers:

{% embed url="<https://www.loom.com/share/30027f8764294b209b344f1ace194976?sid=1d8a8769-4218-4102-ba4b-684ab93d5a65>" %}

### Cart

A terms and conditions checkbox option has been added:

<figure><img src="https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/ZVian72CFVMs1XsxJMLR/Screenshot%202023-06-28%20at%2011.43.29%E2%80%AFPM.png" alt=""><figcaption></figcaption></figure>

Use the Theme settings -> Cart to toggle. When enabled, the customer must check the box in order to proceed with checkout.&#x20;