Video Overview

This video walkthrough showcases the sections and settings used on our Modern demo store. We cover the main sections used on the homepage and the footer configuration:

At the end of the video, we display how the sections appear on mobile devices.

More examples

• For a full breakdown of how we've set up the header and toolbar on the Bold demo store:

• Learn how we set up our About page on the Modern demo store:

Complete list of sections

Browse through the main index page of sections:

A quicker and simpler section to build FAQ-style questions and answers for your store. The Accordion group section can be used to add information about your products, services and even helpful tips. These are text-based accordions grouped into one section.

Flexible

Quick and simple section for building classic FAQ-style content. Create single or two-column sections with content blocks.

Customize

• Use a Heading block to separate groups of questions.

• Use the Question block to create questions and answers within a group.

Video Overview

This video demonstrates the section settings and content blocks in the accordion group section:

See also

For pages with longer question-and-answer style content, Broadcast has a unique Sidebar section that automatically generates navigation to groups of questions or content:

For a rich accordion section that utilizes images, icons, a newsletter and more, Broadcast includes the Accordion section:

Display any two images with our interactive slider to present the before state and after state. A powerful sales tool to showcase your services.

Flexible

When you add text and button content, use it as a two-column section. Optionally, display it as a full-width single column without blocks.

Customize

• In the section settings, add two similar sized images for best results.

• Adjust the image aspect ratio for taller or wider images.

• Use a Rich Text section above for a large single-column heading, or add the heading, text and button blocks to build a two-column version.

• Adjust the section colors and padding for the perfect look.

Video Overview

Discover how to customize and set up the 'Before and After' section in this video walkthrough:

This Broadcast section is packed with full-featured accordion blocks to help you design and build rich, interactive content. Display columns of rich content, such as images, icons with messaging, and text.

Flexible

Build rich accordions on the home page, a lookbook, product pages, or anywhere on your site. Choose from a rich set of content blocks to display eye-catching information. Stack multiple accordion sections together to incorporate multiple column sizes.

Customize

• The section settings help you style the accordion's layout. The open-by-default toggle lets you keep the accordion open by default or closed.

• Add blocks to build each column within the accordion. Similar block types work well together or mix them for a creative design.

• The block settings help you configure each column within the accordion section.

We've included a wide range of blocks to build the right accordion quickly:

• Text column - Commonly used for standard FAQ-style accordions.

• Image column - Add images to your accordion for a more appealing branded experience.

• Icon column - Choose from a rich set of modern icons by Broadcast or add your own.

• Custom code - Build your custom accordion column with app code, HTML or Liquid.

• Contact form - Incorporate a Contact form right into your accordions.

Video Overview

This video demonstrates how to create image, icon and text accordions in Broadcast:

See also

For pages with longer question-and-answer style content, Broadcast has a unique Sidebar section that automatically generates navigation to groups of questions or content:

For a simple text-based question-and-answer section that supports one or two columns, Broadcast includes the Accordion group section:

Broadcast includes a rich Blog posts section to display the most recent posts on your site quickly:

Flexible

Choose how many posts to display per row and how many rows.

Customization

• Use the layout options to customize how many posts appear in the section and the number of rows.

• Customize the image size from wide to tall with the aspect ratio slider.

• Display various elements of your blogs, including tags, author, date and comment counts.

Video Overview

This short video demonstrates some of the common settings and options in the Blog posts section:

See also

With the Featured blog posts section, you can choose individually which articles to display in a slider carousel:

Theme sections

Click to view details of individual sections included with Broadcast:

Drive more sales by guiding customers to your featured collections. The Collection list section in Broadcast lets you create organized displays that simplify shoppers navigating and finding their desired products.

Choose from grid or slider layouts to showcase your best collections and enhance customer engagement.

Flexible

Choose which collections to display and override the image or heading. Show in a gird or slider format.

Customize

• Add blocks to build out your list of collections.

• Configure the section settings for the right design, layout and messaging.

Video Overview

This short video demonstrates some of the settings and options for the 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.

Flexible

Choose which collections to display and override the image or heading. You can even show how many products are in the collection.

Customize

• Add collection blocks for each hover slide.

• Choose the collection and optionally override the default collection image and heading.

• Adjust the section settings for the image height, heading size, padding and more.

Video Overview

This short video demonstrates some of the settings and options for the Collection list hover section:

Broadcast includes a custom code section to help you add Shopify App snippets, HTML or other Liquid code to create advanced customizations.

Flexible

Add to different areas of your store for custom content without editing the theme code.

Customize

Add the Custom code section where you need the functionality. In the section settings, you can add your HTML, Liquid or App snipped into the Custom code area:

The section settings also include the ability to modify:

• Colors for the background and text.

• Section padding, above and below.

• Custom CSS for this section.

Video Overview

This video demonstrates adding custom HTML, Liquid code, and the Custom CSS feature:

Broadcast includes flexible options for creating feature-rich sections from detailed content blocks. The Custom content section is ideal for building single or two-column layouts.

Flexible

Save time by choosing full-featured content block types to build the right section for your page.

Customize

• Use one block for a single-column section. For example, an image or video block can create a hero banner. Create a heading with text with the text block.

• Build a two-column section using two blocks. For example, combine text and a call to action column with a collection, product, image, or video block.

Video Overview

This video demonstrates the section settings and block options in the Custom content section:

See also

The multicolumn section in Broadcast is another option to build a custom section with additional columns rapidly:

Broadcast's Countdown section gives you the tools to create attention-grabbing promotions. With customizable countdown styles, showcase flash sales, limited-time offers, or pre-order launches and keep customers engaged and eager to buy.

Easily build promotions that you can place throughout your store:

Flexible

Design custom countdown promotions with background images and solid or gradient colors. Use the expiry features to hide the promotion or display a custom message during the countdown.

Customize

• Choose an end date and time for your event.

• Pick a size for the countdown timer and choose from split or centred styles.

• Display a custom message or hide the entire section after the event.

• Desktop and mobile background image, text size and alignment.

• Add text and button blocks for event messaging.

Video Overview

This video demonstrates some of the settings and options, including gradients:

Broadcast includes a full-featured section for your customers to contact you. Easily add form blocks to build a simple or complex contact form and place it anywhere you like. The section can be added to most parts of your store.

Flexible

Add any common form field type to your contact form. Broadcast includes the heading block to separate the fields.

Customize

After adding the section, you can modify:

• Heading

• Display captcha terms

• Adjust the width of the form

• Colors for the background and text

• Section padding

Next, build the perfect form using Broadcast's rich blocks:

Video Overview

This video demonstrates some of the settings and options, including contact form blocks:

Create custom dividers to style your pages with Broadcast's divider section.

Flexible

Dividers can be added above and below sections to build the correct type of separation. Broadcast includes options to build creative divider designs.

Customize

• Dividers can be used as spaces or lines. The show line checkbox displays or hides the line.

• Choose from different sizes, including width and padding.

• Add color to the lines or spaces with the color options.

Video Overview

This video demonstrates different styles and designs that can be created with the divider section:

Broadcast's featured collection is the fastest way to promote products from a collection. Add the section and customize the layout features to display your products quickly with a wide range of options.

Shoppers can purchase directly with the Quick Add feature or click through to view the full product page.

Flexible

Easily feature a collection of products with this section. Choose from grid or slider layout options to optimize the space on your page.

Customize

• Add a heading and text to introduce your products. Use the text layout options to position the introduction heading and text.

• The text option has a dropdown to adjust the text style and tags to support SEO.

• Include and customize the call-to-action button with various button colors and styles.

• Choose a grid or slider layout. You can choose how many rows and items per row to display with the grid layout. Fewer products per row will increase the size of the product images.

• Mobile options allow you to choose between slider and grid styles. The mobile grid can be customized to show one or two columns per row.

Video Overview

This video demonstrates the layout options for desktop and mobile. Plus, all the section settings for the Featured collection:

See also

Broadcast includes a tabbed section to display multiple collections within a section:

Broadcast includes a rich slider section to promote one or more of your blog post articles:

Mobile users can swipe through a scrolling version of the articles:

Flexible

Choose which articles to feature in the section. Arrange in the order for the carousel.

Customize

• Use one block to feature a single article or multiple blocks to build the slider.

• Override the article image to match your branding.

• Choose heights for desktop and mobile.

• Options to display or hide the article author and the post date.

Video Overview

This video demonstrates the section settings and block options for the Featured blog posts section:

See also

The Blogs posts section uses multiple columns and rows to display your latest articles:

Highlight links in your store in colorful shapes and sizes to help your customers find your products and services. The Highlights section in Broadcast is fast and simple to set up.

The section can be used to build a separation between your content. Use it on the homepage, product pages, blogs and other pages.

Flexible

The shapes and color options help you build the right highlights for your brand. Links can be used as a secondary navigation for your pages.

Customize

• Add as many highlight blocks as required to build your navigation.

• Choose from the multiple shape options, including square, rectangle, circular and button.

• Adjust how many highlights per row. Multiple rows are generated based on the number of highlight blocks added. The size of each highlight is based on the number per row.

• Optionally, add and style a heading.

• Each block can be customized with different colors, links and label text.

• Background images can be used behind the text in place of the colors.

Video Overview

This video demonstrates the section settings and block options for the Highlights section, including mobile layouts:

Scroll through product images with Broadcast's captivating product section. Highlight the featured product while shoppers scroll through the page.

The section remains sticky while product images are displayed. Shoppers can purchase directly with the Quick Add feature or click through to view the full product page.

Flexible

Broadcast offers both horizontal and vertical scrolling styles for this section. Choose how many product images to display.

Customize

• Choose the product layout position, left or right of the images.

• Broadcast pulls the product images directly from the product setup. In the section settings, you can limit the number of images displayed when scrolling with the range slider.

• Desktop and mobile background image options are available. When used, the product images are reduced in size, and scrolling occurs within the background image.

• Choose the scrolling direction, horizontal or vertical.

• Optionally, add a background color behind the product.

Video Overview

This video demonstrates the layout options and scrolling styles for desktop and mobile. Plus, all the section settings for the Featured product:

This is one of Broadcast's most flexible sections, packed with different content block types and options. Quickly build beautiful promotions with versatility.

Build unique sections by adding multiple block types to the same column.

Flexible

Build creative promotions for the product template or any page. Versatile enough to start any promotion concept with layers of options and settings for desktop and mobile devices.

Customize

• The image column can have one or two images within the column. The size of the column can be increased.

• The text area can include multiple block types stacked together. The divider block can help add separation or lines.

• The placement of content can be swapped from left to right. Use the alignment option to place text to the left or center.

• Mobile positioning can be reversed to show text content first or following the image.

• Choose from various content blocks, such as Heading, Subheading, Text, Button, Divider, Accordion, Image, Video, Product, Collection, and Custom code.

• Each content block can be customized with various options.

Video Overview

This video demonstrates how to build and customize the Image with text section, including block variations and mobile options:

Advanced setting

Learn more about the Advanced setting to show the placeholder image. The Image banner section contains a video on the concepts and how they are applied. You can use this feature in the same way for the Image with text section:

See also

The multicolumn section in Broadcast is another option to build a custom section with additional columns rapidly:

Broadcast's hero-style section lets you quickly build a powerful banner section with one or two split images.

The heading, text, and buttons are blocks that can be placed in different positions to create the perfect branded banner and messaging.

Flexible

Designed with tools to build engaging and visually appealing banners to promote your brand, products and services for desktop and mobile shoppers. Ideal for single or double-image promotions overlayed with messaging and call-to-action.

Customize

• Mobile and desktop options for the banner image and section height help you design a banner for all devices.

• For the desktop, choose a second image to build creative split-image designs.

• Block types can be added multiple times. For example, you can use two button blocks and arrange them next to each other or in different orders.

• Messaging is overlayed on top of the image to improve SEO. Use the size option for the heading and text blocks for the perfect-sized message.

• The entire image can be a link. This can be the same or different from the button links.

• For H1 headings, use the custom code block (covered in the video below).

Video Overview

This video demonstrates the section settings and block options for the Image banner section, including split-images and mobile options:

Advanced setting

This video discusses the advanced setting option when using the image banner page templates with metafields:

With Broadcast's Image with text slider section, you can build text slide cards with one image or an entire promotion that scrolls through your promotions.

Flexible

This section can rotate through multiple text messages while displaying a single image. Optionally, the entire section can rotate through multiple image and text promotions.

Customize

• In the section settings, choose one or two images and add multiple text slider blocks to create rotating messages with a sticky image.

• Each block can have an override image. When using the overriding image, the entire promotion will rotate.

• Adjust the layout style, desktop height, mobile height, and image column width in the section settings for optimal design.

• Section padding and width options are also available in the section settings.

• Add your messaging and optional call-to-action within each text slider block.

Video Overview

This video demonstrates the section settings and block options for the Image with text slider section, including both types of rotating messages:

Advanced setting

Learn more about the Advanced setting to show the placeholder image. The Image banner section contains a video on the concepts and how they are applied. You can use this feature in the same way for the Image with text slider section:

Use the interactive press logos section in Broadcast to draw attention to customer feedback on your products and services, creating an engaging presentation of quotes.

Flexible

Add as many brand logos and optional quotes as needed. The section builds a slider when additional logos are displayed beyond the viewport.

Customize

• You can use the press logos section with or without quotes. The heading slider toggle can be used to hide quotes and display only the logos:

• Adjust the inactive logo opacity to bring attention to the selected logo and quote.

• Logos can be linked to any page if quotes aren't used:

Broadcast's rich text section is the simplest method for adding text or headings above or between sections. It allows you to add large or short messages with headings, subheadings, and text styles.

Flexible

• Introduce sections with rich text. Place the section above another to build a seamless look:

• Extended text can be spanned over columns with the columns block:

• The text block can be used to build heading tags for SEO, like an H1:

Customize

• Add a background image to help the section pop out. Both desktop and mobile options are available.

• The text alignment option can centre text. The overlay and color options can be used to fine-tune the content.

• Use the columns block to break content up into columns instantly. Choose how many columns to display.

Video Overview

This video demonstrates the section settings and block options for the Rich text section:

With the map section in Broadcast, you can display an interactive map for your customers.

Broadcast supports the Google Maps API to display a store's location easily. Alternatively, you can use any static image to display a location.

Example map styles

When using your Google Maps API key, Broadcast will automatically generate an interactive map with the address you provide. Broadcast also includes multiple map styles. Here are some examples:

The default style displays the standard Google Maps colors:

Flexible

This section can use the Google Map API for rich interactive maps or add any image from your store library to display a location. You can choose from different map styles and zoom levels when using the Map API key.

Customize

• Choose the heights of the desktop and mobile sections. When using the Map API key, the map is not cropped. Use the zoom control to get the best view of your location. For static images, choose a height that works best for the image.

• Select from different map styles, including regular, minimal, light and dark.

• Add a heading and address to the text area. The directions button will open Google Maps to the address you've provided.

• You can use longitude and latitude values to find the perfect position for greater accuracy.

Video Overview

This video demonstrates how to set up a Google Maps API key and also configure the section settings for the Map section:

Register a key

Shopify's article will help you get started with the links to the Google Dashboard:

Broadcast includes a quick, easy-to-use section for building text content into a customized two-column layout. We include columns that can be sized differently and blocks easily positioned to either column.

Flexible

Content can be moved easily from one column to the other. Mobile devices view stacked content with centred or left alignment.

Customize

• Build your content and then move them to the left or right columns. Each block has a position option for column placement:

• Column sizes and text alignment can be adjusted in the section settings:

• Mobile settings allow the stacked content to be left-aligned or centred.

Video Overview

This video demonstrates the section settings and block options for the Rich text with columns section, including left and right placement of content:

Build an engaging section showcasing products from a collection alongside a prominent image promotion. This modern design by Broadcast captures shoppers' attention while browsing your store pages.

Flexible

You can select up to four products to feature in this promotion. The Quick Add feature quickly adds items to the cart. The call-to-action link over the image allows shoppers to view more items.

Customize

• Mobile placement can be reversed to show the image first or after the products.

• The mobile layout can have one or two items per row or a slider for less vertical scrolling.

• When using four products for your section, choose a tall image to span two rows of products. A wide-aspect ratio image will work best for two products.

Video Overview

This video demonstrates the section settings and block options for the Products with image section, including mobile layouts:

Broadcast provides various methods for adding a newsletter sign-up option to your shop, including the footer and blocks in various sections. This section allows you to promote your newsletter on any page easily.

The newsletter form collects the customer's email address and tags them in your customer base with "Accepts Marketing." When integrated with newsletter apps, you can target these customers with updates. New subscribers will be seen as new Customers in your Shopify admin tab.

Flexible

Add the newsletter section to product pages, blog posts, or any page in your store. The image block lets you brand the promotion and increase awareness of your newsletter.

Customize

• Use the image and sign-up blocks to build your promotion.

• Adjust the section height for both desktop and mobile devices.

• Width, padding, colors and section padding are available to complete the layout and style.

• Text can be overlaid on an image and positioned in various locations:

Sending Newsletters

A third-party app from the Shopify App Store will be required for automated emails and the creation of custom mailing lists. The newsletter sign-up forms in all Shopify Themes can only collect the customer's email address and name. Apps help you build newsletters, add mailing lists, and automate sending messages to customers who have signed up.

Shopify email marketing apps can be found here:

Or search with this query:

Broadcast's full-featured section to build rich, beautiful, custom layouts and promotions. The multicolumn section is a perfect starting point for building creative promotions from one to many columns with rich blocks and animation.

Examples

Sample layouts and styles when using the multicolumn section.

• Text blocks with large heading sizes:

• Menu block paired with an image block:

• Two rows of text blocks with equal sizes:

Flexible

Experiment with various column widths, blocks and image shapes. The multicolumn section can be used throughout your site with different designs.

Customize

• The section settings help you add an optional heading and configure the content's alignment, section colors, and padding.

• You can choose from different content blocks, such as images, icons, text, and menus. Each block added creates a new column within the section.

• Each block includes a column width option. Adjust the sizes to build rows of content. Four blocks sized at 50% will build two rows, and three blocks sized at 33% will build one row.

• Image blocks have shape options and can have text and a call-to-action button after the image:

Video Overview

This video demonstrates different column layouts and also covers some of the section and block settings to achieve different styles:

See also

For two-column sections with different block types, Broadcast also includes:

Broadcast's interactive image and product section helps shoppers find the products from your brand images.

Flexible

Use it as a static image to promote products. Or display the product dots, which link to the products, making it easier to find the right one. Perfect for any page, including Lookbooks.

The product dots can be easily positioned over the branded image and link to the product in the section.

Customize

• For desktop viewers, position the brand image on the left or right side.

• Products can be shown in one or two columns.

• Toggle the product dots to make it an interactive or static section.

• Each product block has horizontal and vertical dot position sliders to map precisely where you like.

• Mobile users have an interactive slider to view the products:

Video Overview

This video demonstrates the section settings and block options for the Shop the Look section, including mobile layouts:

Broadcast includes a rich testimonials section where you can showcase reviews from clients and business partners. As the number of quotes increases, the section becomes an interactive slider.

Flexible

Compact to add on any page to build trust and confidence with your brand. Two image options are available to showcase a product and profile information.

Customize

• Use the section settings to customize the layout and optional quotation marks. The featured image can be hidden to display only the quotes and optional profile photos.

• Use the image aspect ratio to adjust for the type of featured images you use.

• Text can be aligned centred or left.

• Each of the testimonial blocks has options for the customer name and subheading. Both are styled differently.

• A featured image, either a product or a customer image, can be displayed. Optionally, you can add a profile image displayed after the quote in a small circular style.

• A link can be added, and the entire block will become a clickable link.

Video Overview

This video demonstrates the layout and quote options for the testimonial section:

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

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

Flexible

Use heading categories to organize the content and instantly build the sidebar. Add anywhere to present a question-and-answer style section with a navigation sidebar. This is ideal for FAQs, contacts, about pages, and more.

Customize

• Use the Heading block to build the sidebar and group content into categories or sections.

• The Accordion block helps you add question-and-answer style content.

• The Text block is displayed without an accordion.

• Use the section settings to customize the layout and colors of the section.

Video Overview

This video demonstrates the section settings and how to build the sidebar and content using the Sidebar section in Broadcast:

See also

For a rich accordion section that utilizes images, icons, a newsletter and more, Broadcast includes the Accordion section:

For a simple text-based question-and-answer section that supports one or two columns, Broadcast includes the Accordion group section:

With Broadcast, you can build rich scrolling text promotions with various font sizes, images, colors, scrolling directions and even a softer slider style. Add an eye-catching message to any spot on your pages.

Broadcast includes custom content blocks for dynamic free shipping information, custom code to build your own content and integrate with apps, plus an image block.

Flexible

The scrolling text section offers a variety of creative options. Broadcast allows you to target specific desktop or mobile devices with custom messages.

Combine multiple scrolling text sections to build eye-catching promotions.

Customize

The section settings allow you to customize the section's function and layout. The block settings control the content and target options.

Section settings

• Choose between scrolling text like a marquee or a slider version similar to a slideshow.

• The slider version has an autoplay setting and text alignment.

• The scrolling text has speed control, direction, and spacing between content blocks.

• You can choose the size of your text, adjust the background settings, and set the section padding. A border can also be displayed above and below the section.

Block settings

• The text announcement block is the primary text content you can display and target on desktop or mobile devices.

• Use the image block to display any image from your library.

• The free shipping block has a dynamic value based on the cart total, which informs the customer how much more they need to spend to qualify for free shipping.

• The custom code block lets you add HTML or Liquid code to build your content or integrate content with other Shopify Apps.

Video Overview

This video demonstrates the section settings and block options for the Scrolling text section, including various styles and examples:

Broadcast's tab collection enables you to showcase multiple collections in one section. It is the most comprehensive collection section with a wide range of features and options.

Each collection tab can display a promotion with a call to action.

Flexible

Display products from multiple collections in one section. Include a promotional image with messaging and branding to draw customers to your products.

Customize

• Add collection blocks to build each tab.

• Use the heading feature in each block to label the tab name.

• The featured image can be aligned to fit the size of your product images or image size.

• You can choose the layout from grid to slider in the section settings.

• Choose how many items to show for the slider and the grid layout styles.

• Mobile layout options include a slider, 1-column or 2-column.

Video Overview

This video demonstrates the tab layout options and reviews all the section and block options:

See also

Broadcast includes a single-collection section with similar features for quickly displaying one collection:

Broadcast's multiple-slide hero banner section offers your store a wide range of options to customize and create a rich slideshow asset. Promote your key messages with this powerful branding tool.

Flexible

Use with one or more slides. Broadcast includes multiple slide transitions, height options for mobile and desktop, autoplay controls and more.

Customize

• Each slide has an option for a desktop or mobile image. We recommend a wide, 16:9 ratio image for desktop devices and tall 18:9 or 19:9 aspect ratio images for mobile. Image cropping occurs from side to side and top to bottom. Keep the subject matter in the middle of your image for best results. Experiment with completely different images when choosing desktop and mobile images.

• The overlay feature can help add contrast between the image and text messaging. Experiment with different colors, opacity, and the option to display only the overlay behind the text.

• Each slide has text position options for both desktop and mobile. Move your messaging around to find the perfect spot over the branded image.

• Two buttons can be added to each slide for different call-to-action links. Leave the button text blank to make the entire image a click-through link.

• Use the heading, text size, and color options to fine-tune the messaging.

Video Overview

This video demonstrates the slideshow section settings and how to configure the slide blocks:

Promote your offers and discounts easily with this easy-to-use text promotion builder, which can be added to your site.

These are static promotions without any scrolling. Sometimes, simple is best.

Flexible

Add throughout your store to alert customers of offers and services. Broadcast includes three content-block types to help you quickly build the right message with a call to action.

Customize

• The section settings have a range of options to customize the width, colors and padding. You can use an optional background image for a creative design.

• Each of the content blocks will be aligned horizontally. The content will wrap to multiple lines to fit the width of the display area.

• Use the heading, text and button blocks to build the promotion content.

Video Overview

This video demonstrates the section settings and design options for the Text promo section:

This Broadcast section helps you create unique, modern designs using inline product images directly linking to your products and collections. Easily build modern promotions with creative designs that link directly to your products and services.

Flexible

Quickly build text-based key messages throughout your shop and visually attract shoppers with branded images, products and collections. Separate text, alignment and image aspect ratio settings for mobile and desktop help you create the perfect look for all devices.

Customize

Use the section settings to add your message and configure the layout for the section.

• Enter your primary message into the Heading and adjust the size and alignment for desktop and mobile:

• The optional subheading is placed above the main heading text.

• Adjust the colors and padding for the section.

Add blocks to insert images into any position of your text. Start by adding a block type:

• Image - Includes a custom link option.

• Product - Links directly to a product. A custom image can be displayed.

• Collection - Links to a collection of products. A custom image option is available.

Each block contains settings to help you design the right look and style. The image override allows you to use any image in your library. Both desktop and mobile image aspect ratio sliders will adjust how tall or wide the image appears:

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

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

Animation settings

Images will be animated in 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:

Broadcast includes a unique interactive timeline section to showcase events, milestones, goals or even age-based shopping options.

With modern animation effects, this section enhances the online shopping experience for customers who scroll down the page or click on the timeline hotspots.

Flexible

The timeline section can be used with or without images for simple text-based content or rich sliding images.

Mobile users experience a horizontal sliding version that's easy to swipe through.

Customize

Use the section settings to configure the presentation of the section:

• Add an optional heading, which can also be sized and aligned.

• Toggle using images

• With the color options, you can change the hotspot color, text, and section background.

• Adjust the mobile height setting to match the best size for your images.

• Section padding options help match the desired layout for your page.

Each timeline block has options to configure the period information:

• Add an image for the timeline period.

• The subheading is placed above the main heading text.

• Add your heading and choose a size.

• Use the text for your main description content.

• The optional call-to-action button can link to any page. Use the button style and color options to complete each period in the timeline.

Video Overview

This video demonstrates the configuration options for both desktop and mobile views of the timeline section and how to configure the timeline periods:

Create video banners and promotional sections to enhance your brand, products, and services with this single-column section in Broadcast.

Flexible

The video section can loop MP4 or MOV format videos from your content library. Videos can also appear with a pop-up player, ideal for longer video content.

Broadcast always presents a clean branded experience for shoppers, including options to add separate poster images for desktop and mobile devices. These images will load first while your video is loading into the browser and then be replaced by the video content.

Adding videos to your store is perfect for creating attractive promotions. You can easily incorporate them into any page of your store.

YouTube and Vimeo

YouTube and Vimeo videos can only be displayed as Popup videos. The reason is, Shopify can't control the ads and linked videos that YouTube or Vimeo will display in the video. The result is a very unprofessional background section.

If you need to use a YouTube or Vimeo video, we have a couple of recommendations:

• To use as a background video, download the YouTube or Vimeo video and convert it to an MP4 or MOV format, then you can simply add it to your Shopify library.

• For a popup video, you can add the YouTube or Vimeo URL in the Popup section. Use a branded image or a still frame from the video to represent the video.

Customize

Use the section settings to configure all the options for the video section.

• To loop an MP4 or MOV video, select a supported video from your content library into the video option.

• To use the optional popup feature, check the toggle option and select a video from your content library or a YouTube/Vimeo link address. In the section settings, lower down, find and adjust the button style and colors to modify the play icon.

• Add a branded image or still frame image for desktop and mobile options in the image section. These images will be used while your video is loading into the browser. The mobile version is optional but recommended with a taller portrait-style image. For desktop, we recommend a 16:9 aspect ratio image, and for mobile, an 18:9 or 19:9 aspect ratio image.

• Under Layout, use the desktop and mobile height options to find the right size for the video and poster image. Desktop and mobile controls are available.

• For a banner-style image, choose the full-width option or add padding when using it to promote a page that incorporates padding on the sides.

• The overlay settings help to bring contrast into the image when using text.

• Add any optional text content with the heading and text settings. You can adjust the size for each of them.

• Configure a call-to-action button or use the button settings to customize the popup play button style.

When enabled, the popup play button uses the same style as the call-to-action button. Adding a popup video can help display longer video content:

Video Overview

How to use the video section. This video demonstrates how to use the settings and options, plus details about the cover image and video types for looping and YouTube videos:

Quickly build columns with text and images for any promotion in Broadcast. This section helps you build grid-style promotions or strips of photos. Broadcast will automatically align the columns to look perfect. Add creative shape designs with animation for a captivation section.

Flexible

Design clean-looking photo galleries or include headings, text and buttons to build rich promotions.

Add shapes to each of the image blocks.

Customize

Use the section settings to configure the section heading, layout, alignment, colors and padding:

• Use the section settings to add an optional header. Adjust the heading size.

• The desktop layout can be a slider or grid.

• Adjust the number of items per row. Smaller values will display bigger images. When you increase the number of items per row, the images will resize smaller to fit the row.

• Use the alignment options for the heading and text. Set the default colors and adjust the padding.

With the image block settings, you can fine-tune the content:

• Add an image and adjust the desktop and mobile aspect ratio sizes individually for the best display size. The image is optional for text-based columns.

• Choose a shape to transform your image instantly. The blob-style shapes are animated on hover.

• Add optional heading and text or call-to-action buttons.

• The entire image can become a link if you omit the button text but include a link.

Video Overview

This video demonstrates the section settings and how to add shapes to the images, plus more:

• Each image shape is adjusted individually at the block level.

Broadcast includes a wide range of commerce shopping icons that can create promotions and key product or brand messages without images.

Flexible

Choose from a large list of commerce shopping icons built right into Broadcast. Each icon block creates a new column. Mobile devices can view one or two columns per row or flick through a slider version.

Customize

Use the section settings to configure the section heading, layout, alignment, colors and padding:

• Add an optional heading and adjust the size.

• Choose a grid or slider layout for desktop browsers. Broadcast includes how many items per row to display when using the grid layout style.

• Use the alignment options to adjust the heading, icons, columns and section width.

• The color settings allow you to set the default color of the icons, which each icon block can override.

• Configure the mobile layout with one or two items per row or a compact slider version.

Each of the icon blocks has settings to customize the column:

• Choose from a pre-built icon from our commerce shopping collection or add your own image.

• Adjust the color and height of the icon or image.

• Add a heading and supporting text. Adjust the sizes for the heading and text.

Video Overview

This video demonstrates the layout options for desktop and mobile devices and covers how to configure the icons: