We're committed to continuously improving Broadcast and providing the best possible experience for our customers. We believe that our customers are the key to our success and we want to hear from you!

We understand that everyone has unique needs and requirements when it comes to their online store. That's why we're providing this page to give you the opportunity to request new features for Broadcast that will make your experience even better. Whether it's a small tweak or a major change, we want to hear your ideas.

To submit your feature request, please click the link below and fill out the form below with as much detail as possible. Tell us what you need, why it's important to you, and how it will help your business. We review all requests and use them to prioritize updates and improvements to Broadcast.

Thank you for choosing Broadcast and for taking the time to share your feedback with us. We're excited to work together to make our theme even better!

Submit your feature request >

Broadcast is likely the most feature-rich theme ever built for Shopify. We hope you didn’t notice. It is built to be easy to set up and run for the first time and has rich features you can tap into as your needs become more complex.

These docs are built to guide you along that journey. We hope to develop themes that rarely need documentation, but e-commerce is complex, and some things require explanation. In some cases, these docs are opinionated. The authors of Broadcast have been working in e-commerce for over a decade, building Shopify themes, launching startups, and building large complex sites for international brands. We have opinions about best practices that are based on this experience. We have baked that ethos into Broadcast.

We aim to help you avoid pitfalls and build a site that is maintainable for the long term. In general, we don't document the apparent things. If you see documentation here, it’s probably worth reading — even if you're an expert. From all of us at Invisible, we hope you love it as much as we do.

Demonstration stores

Explore sections in Broadcast

Watch our video overview of the sections used in the Modern demo store:

Discover our latest release

Update: Broadcast 6 is now out in the Shopify Theme Store. Download the latest version of Broadcast from the Shopify theme store >

All licensed customers can download the latest version for free to their store. Continue running your current version and publish only when you've set up the latest.

Try Broadcast for Free

If you're new to Broadcast, you can easily download a free trial version from Shopify's Theme Store. With Broadcast, you can create a store that perfectly fits your brand, products, and services. You can use it as a draft theme for as long as you need without any time constraints. Only pay when you're ready to publish your store.

Free unlimited trial from the Shopify Theme Store - Click here >

Support

If you have questions or need additional assistance with using the theme, our support staff is here to help you by email. We offer free theme-related support by email to all our customers with no extra fees. You can also inquire about features or ask us questions about the theme before your purchase:

Earlier versions of Broadcast

Broadcast has grown with Shopify over the years. We are currently on our fifth generation of the theme. Choose the version toggle at the top of the page next to the logo.

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:

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.

Image with product section

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

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:

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:

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:

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

Learn more:

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:

Customize the heading and select products from the product list:

• 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.

• Another option for a unique selection of products is to use metafields for the product list:

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.

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

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.

Release Notes

View the release notes for a complete listing of changes:

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:

Transparent header with sticky scrolling

Transparent header default scrolling

Sticky scrolling, no transparent header

Default scrolling, no transparent header

Broadcast footer theme blocks help you customize content columns within the footer:

Types of theme blocks

Broadcast includes the following theme blocks for the Footer:

Rich text columns section

We've added a new section to quickly build text-based content and organize the elements into left and 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.

Mobile footer accordion options

Display blocks inside an accordion for the mobile footer:

In the footer blocks, you can use the new checkbox to enable the accordion feature for mobile devices:

The accordion option is available on the following footer block types:

• Link list

• Text

• Page

• Social

The newsletter and divider blocks do not contain the option.

Hide tag for products

We've added the ability to hide products from searches and collections. Simply add the hide tag to your product:

After adding the hide tag, the product won't appear on collections and search results:

You can still view the product page by using the product URL:

Sold out badge

Items that are sold out can now display a badge on the product grid or collection listings. The price is now also shown with the product information:

In the Theme settings -> Product grid, you can toggle the badge option:

Before and after block updates

We've added additional size and spacing options to the blocks in the "Before and After" section:

Remove link repositioned in the cart

We've improved the placement of the "Remove" items from the cart. The link is now below the quantity selector and left-aligned to match the other elements:

Release notes

View the release notes for a complete listing of changes:

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:

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:

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:

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 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:

The theme settings help you configure theme-wide options and settings in Broadcast. These are considered global settings as they affect how your theme looks and functions on all pages.

You'll find some of the most important settings here: colors, typography, buttons, social media accounts, layouts and more. The theme settings can be found in the Theme Customizer by clicking on the settings icon on the left icon bar:

With Broadcast you can easily add search suggestions:

In this tab, you can add a navigation menu and select products.

Add links to your social media pages and enable social sharing buttons.

The product form is home to variants, a quantity picker, and an 'Add to cart' button on all product pages.

Use the options in this tab to create the layout you like the most.

Cart drawer

Broadcast allows your customers to add items to the cart without the need to refresh the page.

This is done by using asynchronous JavaScript and XML (AJAX) to get the information we need to populate the cart.

This feature can be disabled if you need to integrate an application into the cart page.

Other settings

In this tab you will also find the options to toggle:

• Order notes

• Gift notes

• Shipping estimates

• Additional checkout buttons

Watch a video excerpt from our Bold demo store example. This video covers the toolbar settings and image blocks used on our demo store:

Displays a Shopify menu:

TIP - Create a custom menu designed for the footer with links to help customers find additional pages or content within your site.

Display rich text content in the column:

Products with image - New section

Display a branded image with a selection of products with this new two-column style section:

The mobile version displays the image first, followed by the products:

Image with text section now supports media in the text block

Add an image or video block into the text area of the Image with text section:

Insert an image or video into the text column:

The main image is configured in the section settings. The image block will add an image to the text area. Drag the image or video block to sort placement position in the text area.

Transparent header support for product pages

Create modern designs for product pages, now with transparent header support:

Find the settings in the Header section:

For best results, use the Stretched option for the Product page layout:

Subheading settings - New options

Now you can configure both the Body and Heading styles for Subheadings:

Adjust the font sizing, and letter spacing, plus an option to make subheadings in all uppercase.

Countdown timer - New section

Add promotion-style countdown timers to your shop:

Design unique styles with backgrounds for desktop and mobile devices:

Customize with various section settings. Add blocks for text content:

Timeline - New section

New to Broadcast is a unique Interactive section with beautiful animation to engage your customers:

Animated lines connect to timeline points as the customer scrolls down the page. Easy to build, add a timeline block for each entry. Use the section settings to customize the design:

Improved mobile layout for header

We've improved the header elements in the mobile navigation:

Content from the header is now placed in the lower section of mobile navigation.

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:

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:

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:

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:

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:

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:

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:

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:

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 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:

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 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'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:

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:

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 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:

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:

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:

Loading icon

Display a custom brand logo or animation during page loads.

Broadcast can display a pulsing custom icon or image during page loads. This branding feature is very easy to implement and is ideal for shops with media-rich pages.

View this short video to demonstrate the effect and how to easily set it up:

Other options

In the Layout tab, you will also find the option to:

• Change the grid style

• Change the slider navigation style

• Change the icon thickness

• Enable parallax

• Show outlines

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:

How to

In the Theme settings -> Layout, use the checkbox to "Enable superscript".

Mobile drawer menu

When using this header style, the social media icons are displayed at the bottom:

Mobile devices

Most mobile devices will automatically switch to a Mobile drawer style for navigation.

For mobile devices, the social media icons are displayed at the bottom of the drawer regardless of the Header style used.

Hiding social icons

There is an option to turn off social icons for both desktop and mobile:

Setting up social links

Use the Theme Settings -> Social Media tab to add and remove links to your social networks.

When a link is added, Broadcast will automatically generate a social icon for that network in the header.

Add single or multiple text announcement bars with links to promote your offers:

Target Page

Display a free shipping message to your customers only when the customer is browsing a certain page, product, collection, or blog post on your site.

Target your message based on where customers are browsing your site:

Target Referrer

Target a specific audience by using Target Referrer. Your announcement bar will only appear when the customer arrives at your site from a certain path or location.

Target Device

Target only certain devices or create a custom announcement bar message for mobile devices and another for desktop browsers.

Broadcast includes a fully-featured countdown timer block for the announcement bar. Add the block to help highlight your flash sales and improve conversions.

Countdown timer block settings

After adding the countdown timer block, you can configure your flash sale's end date and time. Use the 12-hour format and then choose the AM/PM option:

Hide block after end of timer

This option will entirely hide the countdown timer block when the flash sale time has reached.

Example of Theme Customizer "dimmed" version to indicate this block is not shown. However, you can still customize the time and details:

End of timer message

The End of timer message will replace the countdown clock with your message at the end of the sale:

Text

Add a message about your flash sale in the text area. This message is displayed on the left side of the main countdown timer:

Broadcast includes a custom code block to help you build customized messages with HTML and inline styles.

Build custom announcement messages and use targeting options to customize your promotions completely:

Example of custom code used in the above image:

Target options

• Broadcast includes target options to help you display custom messages on certain site pages. Use the Target page feature to customize which announcement bar messages are displayed on various pages of your site.

• With the Target Referrer feature, you can display custom messages when a customer views your shop from an external marketing campaign.

• The Target device feature displays custom announcement bar messages for mobile devices, such as shorter messages and custom longer messages for desktop users.

Learn more about the target options in Broadcast:

The accordion section in Broadcast includes a robust selection of blocks to visually improve content displayed on product detail pages, blogs, pages, and more.

Content blocks include:

• Text column

• Image column

• Icon column

• Custom HTML

• Contact form

Video Overview

Full details about each block type for accordions:

Adding images to accordions

Images in accordions are added by using the Image column block. Here's a quick 1-minute video demonstrating how to add images:

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:

Displays a Shopify Page created in your Shopify Admin, Pages:

Settings

Select a page created for your store or click on 'Create a page' to create a new page:

Edit or create a page in the Shopify page editor:

Broadcast can display a transparent header on almost all pages:

When using a transparent header, you may include a second logo to provide contrast with your main homepage asset.

If a sticky header is also used, a darker logo will provide the needed contrast upon scroll.

Logos

An Alternate logo option is available to help provide better contrast when transparency is used. This is an optional but helpful feature.

If a Sticky header is enabled, the first primary logo is used while scrolling. This overrides the Alternate logo choice during scroll.

Displays social media icons with links to your social networks:

Social icons

Icons automatically appear if a social network address has a URL address configured under Theme settings, Social Media:

Our product grid is the base of our collection pages and the base for a lot of our sections.

In this tab, you can:

• Set the aspect ratio for your grid images

• Show the second image on hover (for non-touch devices only)

• Enable different badges

• Enable quick add

• Enable sibling swatches

• Enable cutline

• Enable reviews - star rating

Displays a newsletter sign-up form:

Customize form description. Display optional name field.

Header section: Toolbar block

Our latest header block allows you to add more menu items, more icons, and more functionality to your main navigation.

This new option has dedicated controls to show a menu, country and region selectors, a currency picker, social media icons as well as dedicated color settings (for the background and text).

Image with text: Accordion block

Accordions are making their way to more sections. Add expandable blocks to your Image with text section.

Accordion group: new option

Show two columns of tabs with the new option in the accordion group section:

Multicolumn: new option

There are three new ways to display your image blocks in the multicolumn section. First, be sure to add an image block:

Select an image shape from the individual block settings. Try out the new blob and its hover animation!

Footer group: new block & section:

The divider section has made its way to the footer group. Use it to add a horizontal ruler and separate the content above the header.

There is also a divider block inside the footer section itself. Use the individual block settings to adjust the width and space everything perfectly around it:

Gift card - Send directly to the recipient with a message

Customers can now send a gift card directly to the recipient's email and include a personal message.

In the Theme Editor, use the checkbox option on the Buy buttons block to enable.

The customer will then have the option to send it as a gift:

Multicolumn - New mobile aspect ratio setting

An image aspect ratio for mobile has been added in Broadcast 5.0. This will help provide more flexibility when designing complex layouts. In the example below, two Multicolumn sections are used to build a mosaic. The second has wider images. With the new settings, the mobile aspect ratio can be adjusted to make the images consistent with the section above:

Example of wider desktop images showing with 1:2:1 aspect ratio for mobile which matches the section image sizes of the previous section:

Shop the look - Option for 2 per row

We've added the ability to show 2 product grid items per row. Ideal for showing more on desktop screens:

Collection list - New mobile layout styles

Broadcast now includes mobile layout styles for the Collection list section. You can choose to display 1 or 2 collections per row or the mobile slider:

Layout examples for mobile:

Upsell functionality updated to work with one product and metafields

Now you can easily add one product right from the Theme Editor as your Upsell item which will instantly appear for all products using the same Product template.

This method is a simple way to use the upsell feature without the complexity of using metafields. It will add the chosen product to all products using the same template. If you use multiple product templates, you can customize which product is selected for each template.

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:

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:

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'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 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:

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 uses two primary fonts: Heading and Body. You can choose these font values from a large library of professional fonts provided for free from Shopify by Google. After choosing these two font types, you can customize different elements throughout the theme with these default choices.

Heading

Begin by choosing a Heading font that will be used for various types of headings throughout the site:

• Adjust the default Font size to set the size of the heading font. Many sections and blocks allow you to override this setting with their own font size option.

• Adjust the default Letter spacing. This is the spacing between each of the letters. This setting helps you configure a wide or narrow style heading.

• You can use the checkbox option for Uppercase to set the default heading style to always be in uppercase. This will convert lowercase heading entries into uppercase.

Body text

Let's look at the body text font next. Choose a font for your primary body text, which will be used for descriptions, blog posts, product information, and more.

Subheadings and Navigation

Now that you've chosen both a Heading font and a Body text font, we can pick which font to use as our default choice for subheadings and navigation.

• We've chosen the Heading font for our default Subheadings font.

• We've chosen the Body font as our default option for the Navigation links and text.

Navigation font size

The Font size setting under Navigation will target both the top menu links and the dropdown menu links:

Sections and Blocks

Many sections in Broadcast will have different block types, like a Heading block, a Subheading block, and a Text block. These blocks will use the font choices you've made in the Theme settings above.

• In the above Countdown section example, the Subheading block is used above the Heading block.

Custom fonts

The Shopify font library contains a large variety of free fonts provided by Google that you can use for your store. These professionally designed fonts are widely used in most E-Commerce stores.

We recommend using a font from the Shopify Font Library, as it's integrated into the theme and provided by Shopify.

If your store requires custom fonts that are unavailable in the library, you can add them manually to the theme by using some CSS and modifying the theme code. Please remember that these fonts will not appear in the Shopify Font Library.

We strongly recommend using a Shopify Expert to implement this code change to your theme for best results. Our support staff cannot assist you or make this change for you.

To help those who are familiar with making code changes and have already done this with a previous theme, we have a video with some advanced steps:

Video Overview

Explore the settings we've used on our Bold demo store. This video overview includes all the settings we've used to build the Header in the demo store:

Topics covered:

• Header section settings

• Toolbar block options and settings

• Navigation image block options and settings

• How we built the mega-menu navigation

View the Bold demo store:

More examples

• For a full breakdown of how we've set up the sections and footer on the Modern demo store:

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

Broadcast includes a rich toolbar block to help you store important links and information without cluttering your main navigation area.

Store all the quick links in this secondary space while keeping your leading brand and navigation area clean and easy for shoppers to use.

Text

Display a custom message on the left side of the toolbar. This can be used as an alternative to the Announcement bar, keeping the header area compact.

Menu

An optional secondary navigation can be added to the left side. Store quick links here in addition to your main navigation. It is ideal for featuring new collections or sales events.

Border

Add a border to show the separation between the toolbar and the main header area. Helpful when using a similar background color as the header. Use the opacity slider to soften or increase intensity of the border.

Social media icons

Store your social media links in the toolbar. Broadcast will automatically create the icons from the Social media links you've set up in the Theme Settings.

Add your links under Theme settings -> Social media:

Broadcast will only display icons from the links you configure in these settings.

Gift Card

Display a quick link to your Gift Card in the toolbar:

Setup your gift card product in the main Shopify Admin.

Language and Country selectors

Use the toolbar to let your shoppers quickly change the language and/or currencies:

• Configure the language options in your Shopify Admin under Language settings.

• Configure and set up the Country/Region in the Shopify Admin under Markets settings

Colors

Choose which background color and text color to use for your toolbar.

Section padding

Use the range sliders to adjust the top and bottom padding and increase or decrease the size of the toolbar with padding.

Click on Footer to view the main footer settings:

Setting Components

• Logo

• Background Image

• Blocks

Logo

Add your brand logo to the top area of the footer:

Background Image

Add a background image to the entire footer area:

Payment icons are automatically generated from your Shopify admin settings, payments, and payment providers.

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 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:

Add single or multiple text announcement bars with links to promote your offers:

Advanced configuration

Broadcast includes target options to help you create and manage multiple announcement promotions and assign them to certain pages on your site. You can even build shorter messages for mobile devices while displaying a longer message for desktop browsers.

Use the Target options in the message block to fully customize the message experience for your customers:

• The Target page feature allows you to build announcement bar messages that are only displayed on certain site pages. For example, you can use this to display customized messages for certain collections, products, blog posts, or other pages.

• With the Target Referrer feature, you can display custom messages when a customer views your shop from an external marketing campaign.

• The Target device feature displays custom announcement bar messages for mobile devices, such as shorter messages and custom longer messages for desktop users.

Learn more about Broadcast's target settings:

Broadcast includes several options to customize the announcement bar in the header area fully. You can choose from different styles like a slider or scrolling announcement bar and add rich blocks to enhance the promotional information for your customers:

Layout options

The layout settings include an option to toggle a border and choose the style of the announcement bar to display.

Border

Toggle the border option to help separate the announcement bar and the rest of the header content. This can be helpful when using a similar background for both the announcement bar and the header:

Slider or Scrolling text

Choose between two message display styles:

• The Slider option fades the current message out and fades in a new message when multiple message blocks are added. The "Autoplay speed" setting determines when messages rotate. Arrows can be displayed so customers can navigate through multiple messages.

• The Scrolling text option auto-scrolls messages across the browser or device width, similar to a marquee effect. Use the "Autoplay speed" setting to adjust the scrolling speed. The "Space between the message" option increases or decreases the message gap.

Colors

Choose background and text colors for your announcement bar. Use a blank value for transparency.

Section padding

Customize the top and bottom padding of the announcement bar.

Learn more

Video overview of the different styles and settings to configure the Announcement bar in Broadcast:

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:

Broadcast includes a clean set of modern icons for the header. Multiple cart options are available to match your brand style.

Bag icon

Cart icon

Cart circle

How to setup

In the theme editor under Header, choose Show icons and select a cart icon style:

To override the cart icon style with a circle option, use the checkbox for Show cart icon as a circle:

Broadcast includes a dynamic Free shipping message block where you can display an animated progress wheel and currency value to inform your customers how close they are to qualifying for free shipping:

The wheel fills up, and the value changes as items are added to the cart.

Add the "Free shipping message" block to your announcement bar and customize the options and settings:

How to setup

• Use the Show progress wheel toggle to display or hide the animated circle effect:

• You can modify the message in the Message area. The || amount || portion is the dynamic value you set in your Theme Settings -> Cart. Keep this custom shortcode and modify any text around it.

Example of a message modification:

• To adjust the free shipping value, navigate to Theme settings and then choose Cart:

The cart drawer and announcement bar use the same setting value:

• Optionally, you can customize the free shipping message information further using the Target page, Target referrer, and Target device settings.

For example, you limit the free shipping announcement bar message to appear only on certain pages:

You can also use a shorter message for mobile devices and a longer version for desktop browsers:

Broadcast includes an accordion section with the default product template to help you provide frequently asked questions.

A place to promote your services and brand strengths. Include product reviews for the current product.

Theme blocks

Broadcast includes flexible content block types to help you quickly build rich accordions:

Content block types can be mixed and combined in each accordion section

Example of adding a new icon column

Changing the heading

Hiding an entire accordion section

Displaying product reviews

When reviews are enabled, they will appear in the accordion. Broadcast has built-in support for the Shopify Reviews app (required).

Toggle under Reviews:

Custom content inside accordions

Using metafields, we can add custom unique content to accordion blocks for individual products.

Video tutorial - How to add custom content using metafields

Broadcast includes the "Line item property" block, which helps you collect additional information from your customer and attach that to the product.

This can be helpful when you need the customer's input and attach it to the order:

The information will be included in the order, and the customer will see it in the cart:

Styles

The block can be used for different types of input:

• Text

• Checkbox

• Dropdown select options

Checkbox example

Dropdown example

Video Overview

Here's a short video to learn how to add the block and general usage:

Configure your brand colors in the color settings. These color elements are used in all the general sections, header, and footer.

Here are some common color elements to demonstrate how the color settings work:

General

Light background

The light background setting is used for background accents like the coupon message in the cart drawer. It's also used in the free shipping indicator with the bright accent color setting.

Bright accent

The bright accent is a highlight color for elements like the free shipping progress bar shown above in red and also the cart bubble indicator in the header:

Sale

The sale color is used for the prices on product grid listings like collections:

• The sale badge uses a different setting, which can be found under the Product grid settings.

Header bar

Background

The background color adjusts the text inside the cart bubble indicator:

Links

The social, search, account, cart icons area is adjusted with this setting:

Header Navigation

Links

The links setting adjusts the main header navigation links:

Dropdown background

For dropdown menus, including the MegaNav, the background color can be adjusted:

Dropdown links

Inside the dropdowns, you can adjust the color of the links:

Transparent header text

When using a transparent header, the main colors in the header area include the social, search, account, and cart icons. Also, main navigation links:

Footer

Background

Adjust the main footer background color:

Borders

Border elements are used within the footer for the forms and buttons:

• The grey horizontal and vertical lines are "Divider" blocks. These have their own color settings within the block.

Text

The default text for content in the footer:

Links

All the links, including social icons and navigation links:

Contrast

Try to use colors that are high in contrast. It will make your text easier to read. Here is a great contrast checker:

• Example of a good score, 21:1 - White foreground on Black background:

• Poor score, 2.44:1 - Blue foreground on Black background:

Choose the default style and colors for your call-to-action buttons. These button settings allow you to manage the style and appearance of the default buttons. Many sections and blocks will use the choices selected in these settings.

Font

Broadcast allows you to choose any font from the Shopify Font Library for the buttons in your theme. Use the font selector to select the font choice for your buttons.

Style

Broadcast includes different button style options. In these settings, choose a style that will be applied to all buttons throughout your shop. Button shapes included are square, rounded, and pill.

The pill shape brings a modern design to buttons, with a large radius on each corner. Shorter buttons like variant options will appear circular.

The square shape has 90-degree corners on all sides.

Similar to the square style, the rounded style has slightly rounded corners.

There is an option to force uppercase lettering inside the buttons. Uncheck the option to display lettering as it is entered in the button text fields, or check the option to make all letters uppercase.

Colors

Broadcast includes a range of color settings for the buttons used in the theme. Most sections will have button color options for style and color, including primary and secondary colors, pulled from the theme settings choices.

• Product pages can display two buttons: an 'Add to Cart' button and a 'Buy it Now' button.

Add to Cart

The 'Add to Cart' button is the default call-to-action button. It's the only button shown unless you configure and set up to use Shopify's 'Dynamic checkout buttons.' When only the 'Add to Cart' button is shown, the primary solid colors are used from the theme settings.

This is the default call-to-action button and uses the Primary solid color choices:

Buy it Now

The 'Buy it Now' button is activated when the 'Show dynamic checkout buttons' option is checked.

When both buttons, 'Add to Cart' and 'Buy it Now,' are used, the 'Buy it Now' button adopts the primary solid background and primary solid text colors.

Video Overview

This video demonstrates how to change colors for the 'Add to Cart' and 'Buy it Now' buttons on product pages in Broadcast:

The video also covers changing the 'Add to Cart' button text.

Secondary

The secondary color options are used for sections and blocks that can choose a button color. You can pre-select secondary button colors and use them throughout the theme.

In the example below, two buttons are displayed for the slideshow slide. The second is using the color settings from the secondary color palette:

• In the second button block settings, you can select different color options under Color. We've used the Secondary choice to quickly insert our brand colors from the theme settings.

The primary and secondary colors are pulled from the theme settings. The white and black options are also available as quick presets.

Featured product section

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

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

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

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.

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

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

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

Color swatches

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

Video walk-through on all the changes:

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:

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

Scrolling text section

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

Video overview - Scrolling text updates:

Header line

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

Header sizing

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

Cart

A terms and conditions checkbox option has been added:

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

Logo above menu

Place the brand logo in the middle and navigation below.

The design allows for longer navigation. Stores with many menu items can place the navigation below the brand logo and position items like language selector, currency picker, account, search, and cart icons on the top right:

Logo beside menu

This style places the brand logo to the left with the navigation in the center. The design is a more compressed header area. Ideal for smaller/shorter navigation menus:

Mobile drawer menu

This minimal style adopts the mobile design pattern used on all mobile devices.

This style is the cleanest option, hiding the navigation into a mobile-style drawer and keeping consistency between mobile and desktop:

When the menu text or icon is clicked, the slide-out mobile drawer is displayed on both desktop and mobile:

The search icon is placed next to the mobile-style hamburger icon for balance. Account and cart icons are on the far right.

Logo center, menu left

This common design presents the brand logo centered with navigation menu items on the left. Ideal for compact headers with a shorter top-level menu structure:

Text-based items

Broadcast can replace icons with text for text-forward designs:

Currency selector

Broadcast supports Shopify's Localization feature. A currency selector can be placed in the header:

Language selector

Broadcast also supports Shopify's Language selector and can be placed in the header:

Predictive search

Broadcast includes a powerful redesigned search tool for finding products and resources within your site. Predictive search can be engaged right from the header. Addition menu options can be added to customize the shopping experience:

Configure and customize the search features under Theme Settings:

Localization, language, and search toggles

Each of these features can be individually toggled on or off to show in the main header area:

Transparent header

When using a transparent header, you can experiment with different icon styles to help the icons stand out with your background image.

A large icon size sometimes helps to bring attention to the icons:

Find the transparent header options lower in the Header section settings:

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:

Badges block for Product pages

Badges can now be displayed on Broadcast Product pages. Broadcast can automatically display Sale badges or Custom badges that you create for individual products:

Learn more video:

Settings

Custom and Sale badges can be styled in the 'Theme Settings' tab under 'Product grid'. These settings are applied to badges placed on both the Product card (also known as Collections or Product Card) and now the Product form when using the Badges block:

Cart blocks

The Broadcast Cart now has blocks to customize the cart experience for your customers. Sort and arrange cart blocks, plus pin certain blocks to the bottom near the checkout button.

Cart drawer blocks video:

If you are updating from a previous version of Broadcast, please revisit the Theme Settings -> Cart to reconfigure your cart settings.

The new cart blocks are available under the Overlay section in the Theme Customizer.

Number of items in the cart

The number of items in the cart is shown in the main Cart heading:

Image with text section - Product and Collection blocks

Easily display and link to products or collections with new blocks added to the Image with text section. These two new blocks can help you quickly build promotions on any page:

The collection block has options to choose a custom image and button text for the call to action:

Countdown timer for the Announcement bar

Add a sense of urgency right into the main announcement bar with the new countdown timer block:

Add the block from the Header -> Announcement bar:

Collection promotions - Multiple featured image blocks

Now, you can add multiple promotions to your collection pages. Additional Featured image blocks can be added to collections:

How to position

Position each Featured image block by using the Image position slider or enter the value manually:

Mobile timeline design

We've redesigned the mobile timeline section to include a horizontal scroller and cleaner visual presentation:

Settings

For square, rounded, or pill-styled period moments, use the options under Theme Settings -> Buttons:

Accordion and Accordion groups

An open-by-default option has been added to keep certain accordion blocks open when the page is loaded:

Rich text section and Image with text section

A bottom padding slider has been added to the Rich text and Image with text sections to help you manage spacing between sections:

The Rich text section includes an image block option for adding a visual to the main text content:

Featured product section - Background mobile image

We've added a background image option for mobile devices to enhance the display and scrolling effect:

The background image remains sticky as the Featured Product elements are scrolled through:

Product form - Inline option for the text block

You can now have the text block styled to match the variant options when using the modern Product form layout. This places the heading to the left and the text in the next column that matches the style of the variants:

The Left option will show the heading and text in one column and two rows:

Settings

To enable this option, ensure the Modern form style is chosen under the Theme Settings -> Product form:

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 can bring your navigation to life with images. Promote your product lines and sales events by easily adding image promotions to any of your top-level menu items:

You can even build an entire dropdown with images alone:

Video

How to build an all-image dropdown in Broadcast:

Video

How to use image blocks to add images to existing top-level menu items:

Adding images to menu items

• Begin by adding an image block to the Header section:

• Next, map the image to a menu position. If you'd like your image to appear on the first menu item, choose "Item 1". In our example, the image block is mapped to "Item 1", which would be the "NEW ARRIVALS" menu:

• You can add multiple images to the same menu item. Each one will occupy a column. In this example, we have two images mapped to "Item 2":

Image settings

Finetune your image with individual block settings to perfect each individual image and call-to-action link:

• Image scaling ratio - Adjust for wide to tall images.

• Wide image checkbox - Use to adjust for smaller to larger images.

• Overlay opacity - Darken the image to help highlight text.

• Overlay color - Add an overlay tint to match your brand or enhance the look of the image.

• Heading - Add heading text over the image.

• Text - Smaller text displayed over the image.

• Link - The promotional call-to-action link.

• Color - Adjust the heading and text color.

Theme sections

Click to view details of individual sections included with Broadcast:

Cart drawer blocks

Broadcast 5.6 introduces Cart drawer blocks. Customize the cart drawer with a series of blocks to supercharge the cart experience :

Cart blocks in Broadcast

Add, arrange, and configure any of these cart blocks for a fully customized cart experience:

Individual settings

Each block has a set of customizable options. Example of Icon block used to display shipping message:

Pin to bottom

Pin blocks to the bottom like the Payment icons:

Fit Guide for products

Broadcast includes an easy-to-use fit guide block for Product pages. Help customers visually see how items fit. Each product can have a custom value for the line chart:

1. Video overview on how to use and set up the Fit guide block:

1. Video on how to customize the Fit Guide using custom values with metafields:

Variant images

Display images for any variant type on your product form. Help your customers visually see what a variant looks like. In addition to swatches, Broadcast can display an image for each Size variant or any other type you choose.

Two styles are available in Broadcast 5.6, in-line and stacked:

In-line style

Stacked style

Images are used from your Product setup:

The 'Size' variant is used by default. You can configure any variant to display images. The above example shows 'Type' to visually show the product style.

Learn more:

Header call-to-action button

Now in Broadcast, you can add a call-to-action button right into the Header area:

Use the Header section settings to customize the button color, text and link:

Experiment with different Header styles, the call-to-action button positions differently based on the style of header and navigation you use:

Swatch collection styles

Customize the swatch and siblings display style on the Product Grid. Now in Broadcast, you can choose from different swatch display styles. Examples include:

Slider on hover

Clean text is displayed on the Product grid. Upon hover, the text is replaced with swatches or siblings. The slider feature keeps all swatch options aligned horizontally on a single line:

Text only

A clean text version that displays the number of swatches or siblings which are available:

Swatches with text

Displays a sample of swatches or siblings on a single line and indicates how many additional options are available with text:

Slider

Displays the swatch or siblings slider on one line at all times:

Grid

Displays all possible swatches or sibling options that are available to choose from:

How to configure

Use the global Theme Settings -> Swatches -> Collection style

Choose your collection style in the drop-down:

Final sale message

Display a 'Final sale' message with details of sale on sale items:

Configure the global settings under Theme settings -> Product form -> Final sale

Learn more:

Countdown timer block

We've added a countdown timer block to the Product form. You can now quickly add a countdown promotion right into the Product form:

Add the countdown timer block and customize it with a wide-range of options. Use dynamic data sources to apply individual settings for any product:

Accordions, Tabs and Description blocks for Product pages

We've separated out the accordion, tabs and description into individual blocks. Now with greater customization and flexibility.

Example of Tabs block with options to show the description and read more button:

The Description block can be used to pull out the product description from an accordion or tab, and shown independently:

Out-of-stock notification

Let your customers know when a product or variant is back in stock. This new feature in Broadcast allows your customers to submit an email request with product and variant details for an item that is currently sold out:

Learn more:

SKU block for product pages

Add and position the SKU block to display the value on your product pages. Adjust the padding with the block settings:

SKU values are taken from the product setup under variants:

Image banner placeholder on Product pages

Broadcast now includes a feature to hide the 'Image banner' placeholder image when using metafields. A new checkbox has been added to hide the placeholder for products that don't have a chosen metafield image.

Watch the video walkthrough on how this feature works:

Show only upsell items that are available in stock

An option has been added only to show in-stock items for upsell promotions on Product pages.

In the example below, the Waffle Legging is an upsell product. However, currently has no inventory:

By turning on the feature, that out-of-stock item will not be displayed as an upsell option:

Setting for New badge

We've added an easy-to-use setting in the Theme Settings -> Product Grid to add and customize when the 'New' badge appears on collection pages and the product grid:

Recently viewed items in empty cart

You can now display recently viewed items in an empty cart. Broadcast includes a global theme setting under Theme settings -> Cart to toggle this feature:

Background image for the Rich text section

Dress up the 'Rich text' section with an option to display a background image with overlay options to help display the text over the image:

Customize with a different image for mobile devices. If no mobile image is selected, the desktop image is used.

Text with products

We've introduced a new section in Broadcast to display inline images within a rich text block. You can add Products, Collections, or custom images inline to capture your audience's attention:

Images have a lively animation when the customer reaches the section. Learn more:

Announcement bar slider arrows

We've added arrows on hover to the announcement bar. When the layout setting is Slider, you now have the ability to show sliders in the same color as the message text:

Collection list hover

A new section added to Broadcast with an engaging presentation of images presented in a dynamic format, featuring full-sized graphics and prominent text to promote collections within your store:

Learn more about the new section:

Cart drawer - Gradient settings for free shipping bar

Enhance your customers' shopping experience by customizing the free shipping progress bar in the cart. Choose a creative gradient color scheme that will draw their attention and make their shopping journey even more enjoyable:

• Find the setting under Theme settings -> Cart

Inventory countdown - Improved customization and options

We're excited to announce that we've expanded the range of options available for customizing the inventory countdown feature in Broadcast. With these new options, you have greater control over how the inventory countdown is displayed.

You can choose to always display the inventory, show it only when the inventory is low, or even hide the value altogether if desired. Our aim is to give you the flexibility to tailor the feature to your specific needs and preferences:

Learn more about the inventory countdown settings:

Additional icon options

We've added even more professionally designed commerce icons to multiple sections:

Find the new icon options within sections that support the icon block:

Transparent Header on pages now available

We've added support for the transparent header option to Shopify Pages:

Ideal for page templates that use the banner or slideshow section at the top.

Text columns with icons section returns

Quickly create an icon-based section using Text columns with icons:

For more advanced options including adding custom images, the Multicolumn section is available alongside Text columns with images.

Easily add videos with new the new video picker

Now you can quickly choose an MP4 video from your files library or upload directly with the newly improved Shopify interface:

Divider block added to text sections

A divider block has been added to the Rich Text section and Image with text:

The divider block can be used to build separation with or without a line:

The Announcement bar section is now the Scrolling text section

The new Scrolling text section replaces the Announcement bar section in Broadcast 4.0.

• You'll still find an Announcement bar section in the Header group.

• Scrolling text can be added to the main Sections group.

• A new text size option has been added to the Scrolling text section:

Smart second button alignment

When the second button option is used, both buttons will align side-by-side on desktop and stacked on mobile.

Use the feature on full-width sections like:

• Slideshow (slide block)

• Banner (button block)

• Rich text (button block)

Tab collections section now includes a left alignment option

The tab collections section is one of Broadcast's most popular sections to feature multiple collections. Left alignment has been added in this release:

Using the Layout drop-down, you can now align the tabs and text content with the following options:

• Left

• Center

• Inline

Product form style setting

We've introduced an option to switch between the newer Modern design Product Form and the original Classic design.

In the Theme Settings under Product Form, you can choose between the two styles.

Modern:

The variant labels and selections are displayed in line with the variant options:

Classic:

The variant labels and selections are displayed above the variant options:

Examples with Varients as boxes:

Quantity selector next to Add to Cart button

Both the Modern and Classic styles support the Quantity button next to the Add to Cart button. Use the Buy Button block settings to activate it:

Collection list section

When using the grid layout in the Collection list section, you can now choose how many collections per row to display:

Upsell promotions

The upsell block now includes a background color picker to help match your brand style:

Pre-footer

The new pre-footer group provides your users with additional resources or options that can help them further engage with the website or accomplish their goals. Examples of content that may appear in a pre-footer include links to social media profiles, brand logos, and newsletter sign-ups.

We've included sections to help you add custom app code or some of our flexible sections for a quick pre-footer setup:

Show arrow has been added to individual sections

Each button will now have an option to 'Show arrow'. This option was previously in the global settings. Now you'll have the flexibility to show arrows on some buttons and hide for others:

Search improvements

We've added support for Shopify's Search and Discover app to help you customize search result recommendations:

Related products and Recently viewed products

We've separated these into two separate blocks. You can now easily sort them by preference and we've also included an option to show them in Tab format or Stacked.

Toggle tabbed and stacked with the 'Enable tabs' checkbox.