'Before and After' - a powerful selling tool. This Broadcast section will display two images to show a before state and then an after state to compare results.

Customers can drag the slider between both photos to compare products or services.

Settings

There are no blocks for the 'Before and After' section. All settings are included under the section settings.

When selecting your photos, make sure that the focal point is the same on both images. This will ensure the best results with the most seamless transition.

Version

'Before and After' was introduced in Broadcast 3.2.0.

Theme sections

Click to view details of individual sections included with Broadcast:

Additional Theme Settings included with Broadcast:

• Custom HTML

• Custom Luquid

• Divider

• Highlights

• Map

• Recently viewed products

• Scrolling text

• Slideshow

• Text columns with icons

• Text with products

• Video

'Contact form' is a completely modular section. Set which components are required from the individual block settings.

Add blocks

There are 10 unique blocks to choose from. Build out a custom contact form by adding different blocks.

Similar to 'Accordion', you can use 'Accordion group' to add tabs with information.

Use a 'Heading' block to separate groups. Add a 'Question' block to add a new text block under the same group.

Add blocks

The two different block types come with different settings.

'Blog posts' gives you a simple way of adding links to your latest blog posts on any page.

Some of the most commonly used settings are the option to set the number of posts per row and the number of rows.

You can also change the image aspect ratio to fit your images.

Similar to 'Blog posts', this section allows you to showcase your blog posts on any store page.

The most important advantage of 'Featured blog posts' is that you get to manually choose which blog posts to show.

Add individual blog posts by adding new blocks.

'Image banner' is a perfect opener. A lightweight section that can present a full-width image.

Use desktop and mobile options to build the best look for different devices.

Add block

Add and remove the blocks you don't need.

'Image with text' is a simple way to add a split view section.

Set up your image settings from the section settings.

Add block

Add text and buttons by adding individual blocks.

'Multicolumn' is a great section to set your store apart.

Use the same block for a more consistent look or create a pattern of two (or more) blocks to create a unique layout.

Add block

Each block has its own individual settings.

'Accordion' allows you to add different blocks. Use them to build out a unique layout with drop-down descriptions.

Add blocks

There are five block types to choose from. Each block has its own individual settings.

• Text column

• Image column

• Icon cloumn

• Custom HTML

• Contact Form

Mix and match blocks to string together a unique layout.

'Press logos' allows you to create a list of brand logos. Most often this is used to include partners or places your brand is featured.

Add new blocks for each logo with individual settings.

For what it is, 'Rich text' allows for a ton of customization. Use this section to tell a story to your customers.

Add block

Each part of the 'Rich text' is its own block with individual settings.

'Featured collection' is a simple way of adding links to your products to any page.

Some of the most commonly used settings are the option to set the number of products per row and the number of rows.

You can also change the image aspect ratio to fit your images.

Add a grid of links to different collection pages using 'Collection list'.

Add blocks to build out your 'Collection list' section.

Transform your store's collection promotion with a visually captivating presentation of high-resolution graphics and prominent text. Our dynamic format will keep your customers engaged, as they browse through the full-sized images to discover collections within your store.

How to use

Add the Collection list hover section from the Theme Editor:

Section settings

Use the section settings to configure the layout styles for desktop and mobile, text sizing, colors, and padding:

Block settings

In the block settings, you can choose the collection to use. The image option allows you to override the default collection image:

The heading option allows you to override the collection name:

Highlight products showcased in images using 'Shop the look'.

Add blocks with individual settings. You can then select which product to showcase and where on the image it can be seen.

Section introduced in Broadcast 3.2

Display accordion and text-based content in a section. Featuring autogenerated navigation that allows customers to navigate easily through your content blocks.

Sidebar's navigation is displayed on desktop devices and remains sticky for quick access to content areas.

How to use

View the complete overview of this section including adding blocks and section settings:

Settings

This section includes sections settings and multiple block options:

Version

The Sidebar section was introduced in Broadcast 3.2.0.

Create a unique split of blocks using 'Custom content'.

Add blocks

Choose between different block types to build out your own layout.

The available block types are:

• Image

• Text

• Newsletter

• Testimonials

• Product

• Video

• Collection

• Before and After

Each block has its own individual settings similar to its section counterpart.

'Tab collections' allows for multiple collections (up to three) to be showcased on the same line. Use the navigation links to switch between the active collection.

Change the width and layout from the section settings. Set the individual block links, images, text, and overlay.

Add quotes from business partners and client testimonials to your store pages.

Add individual testimonial blocks to build out this section.

'Newsletter' is an important section to add to almost any store.

Any new subscribers will be seen as new 'Customers' in your Shopify admin tab.

'Featured product' allows you to focus and boost sales of an individual product on any of your store pages.

Add blocks

A key feature of 'Featured product' is the ability to build out its layout in the same way you can on the product page.

Add individual blocks to build out this section and help convert a sale.

'Text promo' gives you the ability to let customers know about your discounts and current promotion on any store page.

Set an image with text overlay to highlight a promotion.

Looking to boost engagement and increase sales within your store? Consider adding inline images to your text sections that link directly to your products and collections. By incorporating visually appealing product images into your content, you can capture your audience's attention and guide them toward purchasing.

How to use

Add the section in the Theme Editor. You can quickly find the section when using the filter option:

Enter your primary text message into the Section settings:

Blocks

Add and configure blocks. Each block will be an image. The type of block will determine the call-to-action type. The block types are:

• Image (custom link option)

• Product (links directly to a product)

• Collection (links to a collection of products)

Each block contains settings to help you design the right look and style:

Each block type has an image option. The product block for example uses the primary image of that product (first image). An image override option is available to use any image in your library.

Image position

Use this slider to place the image in the correct spot within your text message. Each position number is relative to the words in your message:

Image sizing

With the Image aspect ratio slider, you can adjust each block image to fit proportionally. The Width slider helps you size each image individually:

Animation settings

Images will animate into this section to give a lively look when the customer reaches the section. To disable the animations, use the toggle found under the Layout section of Theme Settings:

Similar to 'Blog posts', 'Text columns with images' allows you to create your own highlights from the theme editor without having the need to create blog posts.

'Collection list hover' is a great way to seamlessly showcase different collections.

For mobile devices, 'Collection list hover' switches to a stacked view where you can seamlessly scroll through the collections.