# About v5.8 release

### Image with scrolling text section

We've added a new section to expand the scrolling text feature by integrating a modern scrolling text element within an image banner-style section:

<figure><img src="https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/T0C6AAWcWrArbmfcp5Gg/whatsnew58.gif" alt=""><figcaption></figcaption></figure>

#### Flexible

The section includes settings for desktop and mobile images and heights. Choose from scrolling text, text, or button blocks to build the content. Buttons will be placed inline horizontally.&#x20;

<figure><img src="https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/5jdzjAYXu5KBvRcO94IF/scrolling-text-banner-full.jpg" alt=""><figcaption><p>Images are selected in the section settings, content is added using the rich blocks</p></figcaption></figure>

### Image with product section

With Broadcast, you can now embed a product card right into an image banner-styled section:

<figure><img src="https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/imi2MekR6ORzyaFWJsPV/image-with-product-main.jpg" alt=""><figcaption></figcaption></figure>

Designed to be quick and easy to set up, this new section has incorporated the image and product settings into the section settings. Content blocks, including heading, text, button, and custom code, can be added to build the overlaying information on the left while the product card is shown on the right:

<figure><img src="https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/Rcs241R1Wetd8lICNQcR/image-with-product-section-settings.jpg" alt=""><figcaption></figcaption></figure>

On mobile, the product card is placed below the image. The content can be positioned on top, in the middle, or at the bottom for the stacked view:

<figure><img src="https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/Jl7sKqXNz9JDJImqXbfY/mobile-image-product.jpg" alt=""><figcaption></figcaption></figure>

### Superscript indicators

Broadcast can display the number of products that are in collections. The feature shows a numerical value next to the collection name in the dropdown navigation:

<figure><img src="https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/HoDh5MKKICpL6PYhObzX/indicators.gif" alt=""><figcaption></figcaption></figure>

A theme-wide optional "Superscript" design option has been added, showing the number of products in a collection for multiple sections.

#### Learn more:

{% content-ref url="../../header/header/section-settings/quantity-indicators" %}
[quantity-indicators](https://broadcast.presidiocreative.com/header/header/section-settings/quantity-indicators)
{% endcontent-ref %}

### Blog posts with product cards

Broadcast makes adding product cards to your blog posts even more effortless. Choose products from a list and add them to the sidebar:

<figure><img src="https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/BxGu5IsDZfdUwV9ggPfa/blog%20post%20example.jpg" alt=""><figcaption></figcaption></figure>

Customize the heading and select products from the product list:

<figure><img src="https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/KDzEQwXdvyPKGC6XTbVK/list-view-blogs.jpg" alt=""><figcaption></figcaption></figure>

* Note: Since Shopify's templating system will reuse these choices on other articles, you can create a new blog post template and then assign that to different posts.&#x20;
* Another option for a unique selection of products is to use metafields for the product list:

<figure><img src="https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/ZMlqqoXmdPdZu7u34hpo/metafiled-option-articles.jpg" alt=""><figcaption><p><strong>Use the dynamic source option for unique products on each blog post</strong></p></figcaption></figure>

### Second image on hover and Quick Add improvements

* Broadcast has a new interface to support touchscreen laptops and devices. When a touch screen is detected, the "**second image on hover**" feature becomes a slideshow in the product grid. Now, the customer can see additional product images without requiring a hover action. This works for mobile devices and larger touchscreens.&#x20;

To adjust how many images appear in the slideshow, use the new setting in the Theme settings -> Product grid:

<figure><img src="https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/mQcQDY7xz2ewA6R44RLE/settings-hover.jpg" alt=""><figcaption></figcaption></figure>

#### Quick Add

* For larger touchscreen devices, the full "**Quick Add**" button is displayed below the product image. Mobile devices will use the icon-style button.&#x20;

### Release Notes

View the release notes for a complete listing of changes:

{% content-ref url="release-notes" %}
[release-notes](https://broadcast.presidiocreative.com/updates/whats-new-in-broadcast/release-notes)
{% endcontent-ref %}