Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
New features and updates in Broadcast
Help shape the future of Broadcast: Share your feature requests.
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!
These docs are here to guide you as your store evolves. We aim to keep things intuitive and require as little documentation as possible — but when complexity arises, we provide clear, experience-backed guidance.
Our team has spent over a decade building Shopify themes and working with startups and global brands alike. That insight is built into Broadcast — and into these documents.
If it’s here, it’s likely worth your time — whether you're just getting started or optimizing a mature store. From the team at Presidio, we hope you enjoy using Broadcast as much as we enjoyed creating it.
Watch our video overview of the sections used in the Modern demo 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.
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.
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:
Broadcast has grown with Shopify over the years. We are currently on the sixth generation of the theme. To change the version, click the version toggle at the top of the page next to the logo.
Additional information on recent Broadcast updates
We've made several thoughtful adjustments to the Quick Add button's functionality in version 6.2, focusing on visibility, customization, and control over the mobile experience.
Improved mobile visibility: To ensure your product images always take center stage, the Quick Add button on mobile devices will now consistently appear below the main product content on the Product Detail Page. This prevents the button from overlapping your visuals, leading to a cleaner presentation and easier interaction for your customers on smaller screens.
Enhanced color customization: You now have distinct color options for the Quick Add button on desktop. For mobile views, the button will automatically adopt a clear outline style, utilizing the Text color selected within your theme's color settings. This approach provides customization flexibility for desktop while maintaining a consistent and optimized look on mobile.
Mobile display control: Recognizing that every store has unique needs, we've introduced the ability to disable the Quick Add button specifically for mobile devices. Suppose you prefer a more streamlined product page experience for your mobile visitors. In that case, you can now easily hide the button on mobile viewports while keeping it active for desktop users via the theme settings.
How to configure:
Theme settings > Product grid, the Quick add section contains the settings:
Version 6.2 enhances the Cart Drawer with flexibility and refinement, focusing on providing you with greater control over typography and visual presentation.
Expanded typography controls: A key update is the addition of Text size settings across multiple elements within the Cart Drawer. You can now fine-tune the text size for:
Products block (item details)
Title
Cart message
Free shipping bar
Each of these settings pulls from your theme's established Body text size options, making it easier to maintain visual consistency throughout your store.
Cart Message Alignment: Alongside the new text size option, the Cart message now also includes Text alignment settings. You can choose between left and center alignment to best match your design preferences.
Simplified Free Shipping Bar Styling: We've streamlined the styling options for the Free Shipping Bar. The previous gradient background option has been replaced with a straightforward solid Color setting for easier customization. The Text size control mentioned above has also been added here.
We've introduced more intuitive and flexible ways to add and manage button layouts within the Image banner and Slideshow sections, moving away from workarounds and towards dedicated controls.
New: 'Side-by-Side Buttons' Block - We've added a new block specifically for creating horizontal double-button layouts. Previously, achieving this look required adding and configuring two separate 'Button' blocks. This dedicated block simplifies the setup and provides a single place to manage two buttons displayed side by side.
'Single button' Block - Now has a full-width option. With the introduction of the 'Side by Side buttons' block, we have enhanced the standard button block. The original Button block is now named Single Button and features a Full-width setting, making it easy to have a single button span the entire available width of its container:
Image banner & Slideshow: The new "Side by side buttons" block and changes to the "Single button" block are available in the "Image banner" and the two "Slideshow" sections.
You can now add MP4/MOV videos directly to your Slideshow section in Broadcast 6.2. We've added a video block to display looping videos from your Shopify content storage. This update brings more dynamic content capabilities to your storefront, offering a powerful new way to engage visitors right from the homepage.
Add a "Video" slide to your slideshow alongside "Image" slides. The Video slide has customization options to help the text and call-to-action buttons stand out.
The new video slide is available in the 'Slideshow (Nested)' section and not in the legacy version.
We've added global button size settings to the Theme settings in Broadcast 6.2:
You can now set the size for all Small, Medium, and Large buttons throughout your store with these global settings.
The Add to cart button on the Product detail page can now show the price inside the button:
This is a global setting that applies to all products.
How to configure:
Theme settings > Product form. The Add to cart toggle can be found there.
To enhance the visual organization and readability of multi-column text layouts, version 6.2 introduces a simple yet effective display option for handling rich text columns in sections.
Improved Separation: We noticed that, depending on screen size and content length, text in adjacent columns can sometimes appear too close together, which affects readability. To address this, we have included a vertical divider with width and line settings.
This option adds an optional, subtle vertical line between the columns, providing clear visual separation. This ensures your columns remain distinct and your content is neatly organized and easy to read.
Add more context and detail to your color options directly on the product page! Broadcast 6.2 introduces the ability to display unique text descriptions associated with specific product color variants using Shopify's metafield system. This helps customers understand the nuances, materials, or special features associated with each color choice.
This feature utilizes a standard Shopify variant metafield. When a customer selects a product variant on the storefront, the theme automatically checks if that specific variant has a text metafield defined with the exact namespace and key: theme.color_description
. If this metafield exists and contains text, its content will be displayed dynamically on the product form, typically near the variant selectors, providing context for the chosen color.
Watch this video walk-through on how to create the required custom variant metafield:
Define the Metafield: In your Shopify Admin, go to Settings > Custom data > Variants. Add a new definition.
Set the Namespace to theme
.
Set the Key to color_description
.
Choose a Content type of Single-line text
. Give it a clear name, such as "Color Description," and a description for your reference. Save the definition.
Add Content to Variants: Go to the specific products in your Shopify Admin. Edit the variants and locate the "Metafields" section at the bottom. Add your desired descriptive text into the "Theme Color Description" metafield for each relevant variant. Save the product.
This metafield is checked on a per-variant basis. If your product has multiple options (e.g., Color and Size), you must add the appropriate color description text to every combination that should display it. For example, if you have 'Red' in 'Small', 'Medium', and 'Large', you need to add the Red description text to the theme.color_description
metafield for the Red-Small variant, the Red-Medium variant, AND the Red-Large variant.
Siblings: This color description feature integrates seamlessly and works correctly with the theme's Siblings display logic for variants.
Example Use Cases: You can use this field to specify things like "Vibrant, non-toxic dye," "Limited edition Spring color," "slightly metallic finish," or "Matches our Cerulean Blue bag collection."
This feature offers a great way to provide valuable, targeted information about color options right where customers are making their decisions.
We've refined the visual styling for variant selectors in Broadcast 6.2 to provide a more prominent hover state over variants to help make the selection process more intuitive for your customers:
This refreshed design dynamically uses your theme's existing Text color setting (configured under Theme Settings > Colors, Color scheme) to style the key indicators for these selected and hovered states. This helps maintain visual consistency with your overall brand typography settings.
Broadcast 6.2 delivers a range of valuable updates, including exciting new features like video slides and variant descriptions, as well as enhanced customization options for buttons, the cart, and more. These refinements are designed to give you greater flexibility and improve your customers' experience. We encourage you to update to version 6.2 via your Shopify Admin to take advantage of these latest enhancements.
Additional information on recent Broadcast updates
With Broadcast 6.1 we are making use of nested blocks on select sections. Nested blocks are a new feature in Shopify themes that allows us to break the blocks of any section into even more blocks. This will allow you to more easily re-order the contents of any section that uses nested blocks and create a unique layout.
Changing the order of the blocks is as simple as dragging and dropping them.
Also new with the slideshow section is the ability to change the width of your content box.
In our newer versions, we introduced a more modern quantity selector which uses a drop-down. After the phenomenal feedback from our merchants, we have now added an option to toggle between a more basic quantity picker and our theme's more modern look.
With this update, you can now change the position of the badges on your collection pages.
A small touch added to the icon drop-down selectors in our theme. The new "Check" icon.
Additional information on recent Broadcast updates
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:
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.
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:
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.
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:
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:
For larger touchscreen devices, the full "Quick Add" button is displayed below the product image. Mobile devices will use the icon-style button.
View the release notes for a complete listing of changes:
Update: Broadcast 6 is now out in the Shopify Theme Store. Download the latest version of Broadcast from the
Additional information on recent Broadcast updates
Now, with Broadcast 6, you can build a custom mobile navigation directly from the Theme Customizer. The mobile menu uses blocks to manage content easily for mobile designs:
You can add products, collections, images, icons, text, dividers, buttons, reviews, and a search bar.
Social media links, currency, and language choosers are also included.
Compress your menu using Menu Columns, or combine it with the regular list format.
With a wide choice of mobile menu blocks, you can build the perfect mobile menu to help navigate and promote your products and services to mobile users.
Add the new "Mobile menu" from the Header group. Use the "Add section".
Choose a Shopify navigation menu as the main menu. This can be the same as your desktop menu or an entirely different version for mobile.
Add menu blocks. Choose from an extensive list of options to customize your mobile menu completely. Rotate different promotions within the menu to improve the customer experience.
Broadcast 6 now includes Shopify's Color Schemes for managing colors throughout your theme:
Color schemes help ensure the consistency of your brand colors across all sections and allow for easy changes. Customize the palettes in the Theme Settings under Colors, then apply a palette or scheme to existing sections.
Experiment with gradients and other colors to create visually interesting backgrounds and elements that will enhance your store's aesthetic appeal.
Broadcast now includes new typography styles and color schemes to help manage fonts, font properties, and font sizes throughout the theme.
Predefine your Headings font options for desktop and mobile with granular controls in the Theme Settings:
Then, choose the size style in your sections:
You can also configure fonts, font properties, and font sizes for:
Header navigation
Body text
Subheadings
If you're updating from a previous version of Broadcast, similar to colors, you can use your live theme as a reference when setting up your new draft theme typography.
We've added a Collection block to the Scrolling text section. Adding this block will display the name of a collection and the number of items in the collection when using the subscript setting in Broadcast:
For subscript, activate in the Theme Settings, under Layout:
We've included an SEO heading setting many sections and heading blocks. This Advanced option allows you to set the SEO tag value of a heading without affecting the style of the heading:
You can now choose the heading value for SEO without changing the design of the heading.
Additional information on recent Broadcast updates
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.
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.
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:
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:
We've added additional size and spacing options to the blocks in the "Before and After" section:
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:
View the release notes for a complete listing of changes:
Additional information on recent Broadcast updates
Badges can now be displayed on Broadcast Product pages. Broadcast can automatically display Sale badges or Custom badges that you create for individual products:
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:
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.
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.
The number of items in the cart is shown in the main Cart heading:
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:
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:
Now, you can add multiple promotions to your collection pages. Additional Featured image blocks can be added to collections:
Position each Featured image block by using the Image position slider or enter the value manually:
We've redesigned the mobile timeline section to include a horizontal scroller and cleaner visual presentation:
For square, rounded, or pill-styled period moments, use the options under Theme Settings -> Buttons:
An open-by-default option has been added to keep certain accordion blocks open when the page is loaded:
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:
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:
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:
To enable this option, ensure the Modern form style is chosen under the Theme Settings -> Product form:
Broadcast theme updates
Quick add button: Refined the visual style for both desktop and mobile interfaces.
Cart and Cart drawer: Expanded text size controls.
Slideshow buttons: Introduced a "Side-by-side" button style option
Slideshow video block: Enabled video integration within slideshow blocks
Button size controls: Added size adjustment options for all button elements: small, medium, large.
Add to cart button: Implemented an option to display the product price directly on the ATC button.
Rich text columns: Introduced a divider block for enhanced layout control.
Product form: Added the ability to assign descriptions to color variants for improved product clarity.
Button hover animation: Improved the button hover animation style for a more polished user experience.
Variant selection and hover: Refined variant selection and hover styles for enhanced visual feedback.
Header search: Removed the forced bold font style from the header search input.
Recently viewed: Corrected an issue where the "Recently Viewed" tab was displayed even when no products were present.
New section called "Slideshow (Nested)" introduces nested blocks for greater control over content layout. "Slideshow (Legacy)" remains to ensure a smooth upgrade process.
Quantity field styles within the product form and cart to choose between -/+ or a dropdown.
Upsell and complimentary products slider style.
Product grid badge alignment options.
Control over the width of your content on the "Slideshow" and "Banner" sections.
New "Check" icon.
Improved "Slideshow" full image linking.
"Text columns with image" was missing the image shape feature.
"Blog" pagination content was not updating.
There is a new section called "Mobile menu" (under the "Header") that utilizes blocks for flexible design options.
Scrolling text - A New "Collection" block
Shop the look - Header setting
New color palettes are here. Broadcast now uses Shopify's Color Palettes to manage color schemes.
New typography styles and settings! Another significant change in Broadcast is the management of typography settings.
Important: If upgrading from an earlier version of Broadcast, you will be required to reset your color and typography settings.
Removed the "Cookies" popup. Please use the built-in Shopify version instead.
New demo preset called "Groove"
Updated "Bright" demo preset colors and fonts to match new design
Updated style presets to match the Clean demo store upon initial installation, including colors and default sections.
Accordion - If enabled, the "read more" button was not appearing on iOS devices
Multicolumn - Product block that automatically pulls in product grid image and content
Option to have Collection "filter" accordions open by default
Input HTML into Slideshow header to bold, italicize, or include a CSS class for further design customization.
"More payment options" text was missing below the Dynamic Checkout Button (Paypal, Shop Pay, etc.)
The header "circle" cart icon option was showing an underline on hover
Predictive search was showing the secondary product image instead of the first one
Footer content would show as a broken accordion if there were no "Heading" entered
Prevent drastic size adjustments by the browser if the chosen font size is too small
New section - Image with scrolling text
New section - Image with product
New design element: A theme-wide optional "Superscript" design that shows the number of products in a collection for multiple sections.
Image banner and Slideshow sections - Top and bottom padding settings added.
Blog articles - A product list option was added to link multiple products easily.
Improved the "Show secondary image on hover" setting to include tablet and mobile functionality. Added the ability to scroll through product images (max 5 for speed load)
Final sale text was not appearing in the quick add
A new section called “Rich text columns.”
Optional accordion style for the Footer blocks on mobile
Added a “hide” tag to products to prevent them from showing on search results, collection pages, recommended and recently viewed (use case: samples)
Sold out badge
Additional size and spacing options were added to the text and button blocks in the "Before and after" section. The image will be forced to full-width image size if no blocks are present.
Timeline dots are clickable on mobile.
Moved the “Remove” text in the cart to underneath quantity for an improved user experience
Editions ’24 taxonomy and filter updates
Cart text was missing the zero if no products were in the cart
Out-of-stock notification form will appear on the sticky cart for no variant products
Fixed an issue where the Out of stock notification form was always choosing the first available variant combination.
"Back in stock" notification feature for out-of-stock products
4 new styles for the collection color swatches
"Fit guide", "Countdown timer" and "SKU" block to the Product template
New blocks for the cart drawer: "Payment icons", "Icon", "Product list", and "Custom code"
Final sale shoutout on the product page to call out products that cannot be returned or exchanged
Connect images to your product variant boxes
Show "Recently viewed" products in your empty cart
Automatically add a "New" badge based on when a product was created. Disappears after a set number of days
Important: Separated "Accordion", "Tabs" and "Description" styles on the product page into individual blocks for greater control. If upgrading, your description will automatically convert to the "Tabs" style
Hide default banner images on the product page if you are using metafields for some products and not others
Option to hide sold-out upsell products
"Cart drawer - Note" not saving in certain circumstances
"Popup" was not closing if you clicked outside of the area
Product grid images appeared blurry for some merchants
Implemented blocks on the "Cart" template and "Cart drawer" section. Please note you may need to reconfigure these sections if you decide to upgrade.
Image with text - Introduced "Product" and "Collection" blocks
Announcement bar - New "Countdown timer" block
Rich text - Added an "Image" block
Collection - Added the ability to add more than one "Featured image" block
Added the option to show the product grid badges (sale, pre-order, custom) on the product page
Updated the design for the "Timeline" section on mobile screen sizes
Accordions - Option to show "open by default"
Image with text and Rich text - Customize spacing between blocks with the new "bottom spacing" setting
Added the number of items in the cart beside the cart header for a better user experience
Removed "Reviews" from the product page as the Shopify app is no longer available
Toolbar - Fixed a mobile issue that was causing the "Gift card" link to get cut off
Fixed an issue where the cart notes were not being saved if you selected "View cart"
Added an optional icon setting to the Product page "Popup" block
Recommended products and Recently viewed products - New alignment and size settings
Products with image - New background color setting
Implement Shopify's new swatch collection filter
Introduced a "Swatch size" setting allowing for greater visibility for patterned swatches (new sizes: regular and large)
Countdown timer - Implemented new "height" setting to control desktop and mobile height separately.
Twitter - Updated icon to "X"
Product grid - Fixed a bug that was preventing the color swatch from showing on hover
Search - Closing icon was missing
Product page - The sticky cart bar was covering content on mobile
Collection - Additional white space appeared when filters were disabled
New section - Text with products
Image with text - Added "Image" and "Video" blocks
Product page - Introduced a transparent header using product images. We recommend using the "Stretch" image size with this one!
Implemented "Subheading" styles for greater control over typography
Scrolling text - Added an option to choose the font family: heading or body
Quick view drawer - Fixed an issue where the focal point of the image was not centered
Collection "sort by" improved to work when filters are disabled
Removed "Upsell" product title when a product did not have an upsell associated with it
New section - Timeline
New section - Countdown timer
Added icon options to the accordions
New “Popup” block on the product page
Ability to choose up to 3 upsell products (instead of just one)
Text columns with images/icons - New image per row setting
Updated design layout for the “Article” template
Fixed an issue with the toolbar content on mobile
Major release 🎉
Header - New block available: Toolbar; Additional currency styles
Image with text - New block: Accordion
Tabbed collections - New option: Mobile grid layout
Accordion group - New option: Show accordions in 2 columns
Multicolumn - New option: Image styles (set your images into circles)
Footer group - New block & section: Divider
Introduced more size chart styles
Custom content - Ensured the width options were consistent with the rest of the sections
Announcement bar - Arrows appear by default if enabled (instead of on hover)
Removed additional padding that was occurring on the product form for "Pre-order" products
Collection list - Linked the header to the collection
Search - The second product image was showing instead of the first one
Header - Fixed an issue with the mobile logo sizes not applying properly
Minor release
Fixed a liquid error coming from the preload_tag
URL filter on swatches.css.liquid
file
Major release 🎉
New section - Image with text slider
Gift card - Added a date picker
Header - Added a mobile logo width option
Header - Introduced the option to enable a bottom border
Cart - Added a "Terms and conditions" checkbox
Improved color swatch implementation and introduced sibling color swatch options
Featured product - New design 🎉
Scrolling text - Added background image and image blocks
Featured collection - Introduced a width setting
Slideshow - Fixed a linking issue that was preventing the entire slide from linking out to another page
Fixed a quick add bug that was causing problems in Firefox
Major release 🎉
Gift card - Send directly to the recipient and include a message
Add a product to upsell in an empty cart
Multicolumn - New mobile aspect ratio setting
Shop the Look - New products per row (1 - 2) setting
Collection list - New mobile style options
Removed underline style when buttons set to "Text" with arrow enabled
Merged "Custom Liquid" and "Custom HTML" into one section called "Custom Code"
Updated "Upsell" functionality to work with one product and meta fields
Cart.js optimizations
Major release 🎉
This release introduces two new sections: collection list hover and text with products. We've also updated to include Shopify section groups and the new Shopify query suggestions for predictive search plus a few other improvements.
New section: Collection list hover
New section: Text with products
Implemented Shopify's new search functionality
Page templates can use the transparent header option
Improved the Inventory Counter on the product form
Added more icon options
Included the "Divider" block into more sections
Modified secondary button styles – Buttons will now appear side-by-side instead of below
Brought back the previous product form style as a design option
Improved video functionality and fixed button icon shift
Learn more about the update:
Major release 🎉
This release includes a significant update to the product form and shop the look section, improves button styles and functionality throughout the theme, and builds upon UX best practices.
Product form features have been separated into blocks.
Image with text – New secondary image style added.
Multi-column (previous "Text columns with images" and "Text columns with icons") – Added a "Menu" option with the ability to customize block widths
Focal points – This Shopify feature replaces our existing "position" setting.
Product form design.
Shop the look design and improvements to the mobile functionality of Shop the look.
Improved button functionality theme-wide.
Merge existing sections together for greater visibility*
The Split images section and Image Banner sections have been merged together as Image banner
The Text columns with images section and Text columns with icons section have both been merged into a new section called: Multi-column.
The Collection carousel section and Featured collection sections have both been merged into a new section called: Featured collection
*Note: You will need to reconfigure these sections when updating. Existing section settings will not migrate as they have been replaced by new sections. We recommend you manually add the new sections and configure them with the new options and controls.
General consistency improvements for arrows, buttons, and underline styles.
Major release 🎉
In this release, we've introduced a new icon set, mobile height settings for all sections, and general improvements throughout.
Mobile height setting for all sections to improve the mobile experience
New "Image with text" section
New "Features" block on the product page
New mobile slider style for product images on the product template
Customize the width of each Footer block for unique layouts
New icon set!
Connected the "Size chart" to the "Size" variant
Modified the "Image banner" section to utilize blocks – If you are currently using this section, you will need to rebuild it to accommodate this new functionality
Cart drawer and upsell product popup animations have been improved
The free shipping design has been updated and appears in empty carts to market free shipping minimums
Improved cart circle style for larger screen sizes
Optimized forms and newsletters for Google reCAPTCHA
Added color settings for the mega menu images to improve visibility
Minor release 🎉
New password page design
New predictive search results for blog, pages, and collections heading terms
Enhanced the responsive design for product pages
Introduced blocks for the "Rich text" section. This will require you to reconfigure your "Rich text" sections.
Improved sibling functionality on Quick Add
Major release 🎉
This release adds support for product siblings, updates the collection page filters, and improves accessibility across the theme.
Collection filters - New design and usability improvements
All new Quick Add design and functionality added with slide-out drawer
Introduced better cart animations
Accessibility improvements
Product search and close icon sizing
Major release 🎉
New section called Highlights to showcase collections and text content
New metafield option to customize the text below product images on collection pages
New circle option for the Cart icon
New Newsletter section in the Footer which appears above the main Footer content
New an option to include an arrow on buttons and text links
New text alignment setting for the Tab Collections section
Ability to increase or decrease the padding between the product images on the collection
Ability to add a Linklist menu to an Empty cart
Italian language translations
An all new Testimonials section with refreshed design
Improved linked variants for sold out products
Added support for multi-currencies in the free shipping message
Refined collection pagination when a Featured Product block was used
3.4.1 Release fixes a hamburger menu issue, where the closing "X" was missing
3.4.1 Added tooltips to the color swatches in the Upsell feature
Major release 🎉
Added granular padding options to each section. Now you manage easily manage the padding between various sections with top and bottom padding controls.
Improved sold-out variant styles. Swatches and variant boxes are now displayed as crossed out and drop-down variants will have sold out text next to them.
v3.3.0 was displaying a dark background on the header image blocks. This has been removed.
Minor release
Improved the functionality of the mobile main menu animations.
Improved the video section on mobile if the device is in low power mode.
FIXED
Empty translation string error.
Major release 🎉
Now you can include a short description on the product grid sections like collections, collection list, and featured collection.
Add icons and text under product form on product pages
Pulsing loading icon that will appear on the first load of your website, or all pages. Example usage: Display your brand logo on page loads.
Inventory message. Low stock notification on the product form.
Before and after section to showcase customer results.
Sidebar section with sticky navigation. Recommended for FAQ and About pages.
Product page images can now appear 2 per row with the new grid setting.
Header design option for logo center and text left.
Added a text option for header icon styles.
Ability to use metafields for pre-order and badges instead of tags. Tagging option is still available.
Option to choose % off instead of $ off for sale items.
Upsell will now skip a product if that product is already in your customer's cart.
Video section now has the option for mobile-only image and height.
Gift card translation issue.
Main Menu animation now works when using the back button.
Footer social media icons are opening pages in a new tab.
Footer opacity setting.
Minor padding and margin adjustments.
Major release 🎉
Fixed Issue with Cart Drawer clicking "X" not removing items
Product grid text elements like product title and price now use Body font for sizing
Improved sold out badge text visibility on the product grid
New header icon set and options
Improved language support in Cart when items are changed
Fixed issue with video playback on mobile when there is no sound
Fixed issue with flashing slideshow transitions
Improved support for iOS 15 - slideshow and size chart scrolling
Improved support for Reviews app with Recently Viewed and Product Recommendation sections
Improved small newsletter visibility on scroll
New Added support for $0 products in Language Editor (Edit languages)
New Added Liquid code block to Product form
New Added show after 3 seconds option and position options to Small newsletter
Fixed issue with transparent header upon page refresh
New native video player. Deprecated Plry.
Improved support for no image products
Improved a11y support for navigation dropdowns
App block supported added to Accordion section
Improved collection filter selection support
New Added hotspot links to products in Shop the look section
Fixed Collection filter bug
Major release 🎉
New Supports Shopify Online Store 2.0 (OS2) platform
New Support for Shopify’s Collection Filtering - Add collection filters in your Navigation admin
New Includes support for sections everywhere - Place sections on all page types including Products, Collections, Blogs, Pages, Cart and more
New Pickup options for product template
New Recently viewed section
Updates to home page collection sections to ensure consistency
Fixed product page over scroll
Fixed minor cart upsell issue
Improved FAQ template design
New newsletter popup with targeting functionality, including a cookie popup.
New "Pair with" functionality to upsell in the cart. This automatically integrates with our product page upsell feature.
New "Collection Carousel" section.
New "Tab Collections" section.
New size chart functionality for product pages with the ability to have custom popups per product.
New "Back to top" scroll feature.
New "Custom icon" setting for the "Text row with icons" section.
New "FAQ" page template.
New mobile image option on the "Slideshow" and "Image with text overlay" sections.
New custom label functionality allows you to add any text such as "coming soon" to a product on the collection template.
Updates to product page images, with a new size setting and a new thumbnail position. Thumbnails can now be placed on the left side of the main product image on the desktop!
Updates to announcement bar with dynamic free shipping message.
Improved animations and transitions.
Improved main menu and mega menu design.
Fixed issue with line item properties.
Fixed issue with iOS scroll lock which can prevent scrolling the cart body when there are many items in the cart.
Fixed password page login error.
New upsell feature on the product page
New quick add functionality, replaces Quickview
New about page template
New accordion sections to the product template
New “Featured collection” slider option
New cookie popup option
Updates to sticky cart functionality
Updates to color swatches on collection grid when quick add is disabled
Updates to accessibility
Added Shop Pay
Fixed issue with product variant images
Removed jQuery dependency
Improved speed and load times
Added a cart drawer setting
Updated design for mobile menu
Added new menu design settings
Switched to predictive search API for faster search
Added support for subscriptions / setting plans on cart and order pages
Fix secondary currency price formatting on cart popup and recently viewed products
Fix issue on recently viewed products where no-image product causes JS error
Fixes issue were app injected URL params were wiped by variant state changes
Add unit_price in cart popup
Fix bugs introduced by architectural changes in 1.7.0:
Fix index-blog not showing tags
Fix margin-top for blank/captcha template
Fix issue where header height calculation was incorrect when the search is disabled
Fix auto height on RTE images for legacy mobile devices
Fix product title size for recently viewed
Fix forgot password page
Convert snippets to use render which improves overall performance.
Added support for Unit pricing (currently supported for Shopify shops in Germany and France).
Convert to social image setting in shop admin. Now uses Shopify's admin setting for the social image.
Improved the speed with Quickview on collection pages and all product grid listings.
Lighthouse performance updates. Major overall theme speed performance.
New setting to show/hide reCAPTCHA terms
Minor improvements to mobile display and navigation including newsletter popup and updates with cart icon.
Improved mobile layout for newsletter pop-up when using an image. Resolves blurry image issues and small input space when button text is long.
Corrects PayPal dynamic payment button not displaying after quantity change on the cart page.
Fixes shipping calculator currency money format on the cart page.
Yotpo ratings will now appear correctly on collection pages after an endless scroll load.
URL fragments can now be used with variant history on the product page
Better variant focus states for tab-thru
Fixes issue with swatches on collection page after endless scroll occurs
Adds a simpler way to manage pre-order products
Fixes issue where leading or trailing non-breaking space could prevent megamenu from matching a name
Fix small screen grid for related products
Added support for checkout in multiple currencies when using Shopify Payments
New group filtering mode added - This allows you to build custom groups to filter by. Tag your products with custom prefixes and underscore to build custom groups
Adds Shopify Pay multi-currency select to footer
Removes currency estimator from header
Adds a tag filtering sidebar popout
Moves tag and sort pop downs on the collection page
Show variants as boxes added to Product Grid settings (displays variants in box format similar to swatches instead of dropdowns)
Fixes an issue with the YouTube Background videos
Adds a custom HTML section to make Instagram app integration
Add new bold preset
Adds a split here section
Corrects an issue with endless scroll. Most noticeable when loading the third page of products on collection pages.
Added the ability to turn off endless scroll in Layout settings under Theme settings.
Adds support for automatic discounts and buy-one-get-one discounts
Adds support for the new product recommendations
Adds live search (using the old API for now, we built this right before the new API came out)
Improved add to cart popup cart notifications
Adds an image and text column section
Adds an icon with text section
Adds a logos section
New translations: Portuguese and Spanish
Tweaks price and title mobile sizing
Switch open graph tags to JSON-LD remove messy itemprop markup
Improved screen reader performance
Improved homepage blog layout
Improved layout for collections list page
Transparent header setting
Meganav images
Sticky header setting
Add support for javascript currency switcher
Featured post section for the blog
Background video sound setting added for browsers that support audio autoplay
Update schema with contact url
Bug fix: Hide default variant title in cart
Bug fix: Fix quickview showing incorrect product on homepage with multiple collections
Bug fix: Fix footer social link colors
Initial release 🎉
The Broadcast release log keeps track of the date and contents of each Broadcast release. Use this document to keep track of new versions and features. We always recommend staying up to date with the most recent version.
Additional information on recent Broadcast updates
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:
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:
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:
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
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:
We've added even more professionally designed commerce icons to multiple sections:
Find the new icon options within sections that support the icon block:
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.
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.
Now you can quickly choose an MP4 video from your files library or upload directly with the newly improved Shopify interface:
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:
There is also a section called Divider which can be used between sections. The block version adds similar functionality inside sections.
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:
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)
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
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.
The variant labels and selections are displayed in line with the variant options:
The variant labels and selections are displayed above the variant options:
The Classic design is suitable for customers with a large number of variants. Since the labels are displayed above, there is more room below for the variant options.
Examples with Varients as boxes:
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:
When using the grid layout in the Collection list section, you can now choose how many collections per row to display:
The upsell block now includes a background color picker to help match your brand style:
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:
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:
We've added support for Shopify's Search and Discover app to help you customize search result recommendations:
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.
To customize related products, use the Shopify Search and Discovery app.
Modern demo store sections and footer 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.
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:
Browse through the main index page of sections:
Additional information on recent Broadcast updates
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:
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.
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:
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.
View the new
- Link multiple products together as swatches.
The upsell design, now allows customers to choose their variants 🎉 -
Added currency switcher to the footer settings -
Adds support for
Product Media - Shopify now supports Video and 3D model files on product pages. This release supports Shopify's new product media formats. .
Removes Instagram section
Incorporate a Contact form right into your accordions.
Show reCAPTCHA terms
checkbox
Displays reCAPTCHA terms if spam protection is enabled in store settings.
Enhanced accordion with image columns, icon columns, a contact form and more
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.
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.
Open by default
checkbox
When enabled, the first accordion item is expanded by default.
Typography
Heading
text
Main heading for the section. Hidden if left blank.
Heading size
select
Controls the size of the section heading. Options: Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Icon
Show icon
checkbox
Toggle visibility of icons for each item.
Icon
select
Choose from a list of themed icons.
Alternative icon/image
image_picker
Upload a custom image.
Size
range
Set the size of the icon/image.
Layout
Width
select
Choose between Normal
or Narrow
container width.
Colors
Color scheme
color_scheme
Select a predefined color scheme.
Icon
color
Set a custom icon color.
Padding
Top
range
Add top padding.
Bottom
range
Add bottom padding.
This video demonstrates how to create image, icon and text accordions in Broadcast:
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:
Build your custom accordion column with app code, HTML or Liquid.
Custom code
liquid
Add your own HTML or Liquid code to display custom content.
Commonly used for standard FAQ-style accordions.
Heading
text
Title for the accordion item.
Heading size
select
Controls the font size of the heading: Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Text
richtext
Main content area, use for FAQs, explanations, or supporting info.
Add images to your accordion for a more appealing branded experience.
Heading
text
Title for the accordion item.
Heading size
select
Controls the font size of the heading: Mini
,Extra small
, Small
, Medium
, Large
, or Extra large
.
Text
richtext
Description or supporting content under the heading.
Image
image_picker
Upload an image (recommended: 1400x1400px JPG).
Photo aspect ratio
range
Adjusts image height-to-width ratio.
Additional information on recent Broadcast updates
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:
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:
We've improved the header elements in the mobile navigation:
Content from the header is now placed in the lower section of mobile navigation.
Additional information on recent Broadcast updates
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).
Note: When the hamburger menu is enabled, links from the navigation menu will be added to the side drawer.
Accordions are making their way to more sections. Add expandable blocks to your Image with text section.
Show two columns of tabs with the new option in the accordion group section:
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!
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:
Additional information on recent Broadcast updates
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:
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:
We've added the ability to show 2 product grid items per row. Ideal for showing more on desktop screens:
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:
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.
Choose from a rich set of modern icons by Broadcast or add your own.
Icon
select
Choose from a predefined list of themed icons.
Size
range
Adjusts the icon size.
Icon color
color
Set a custom color for the icon.
Heading
text
Title displayed beside or below the icon.
Heading size
select
Controls the font size of the heading: Mini
,Extra small
, Small
, Medium
, Large
, or Extra large
.
Icon alignment
select
Position of the icon: Left
or Center
.
Text
richtext
Descriptive text beneath the heading.
Text alignment
select
Align text: Left
or Centered
.
Additional information on recent Broadcast updates
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:
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:
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:
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:
You can now add a background image to the scrolling text section and also image blocks in-line:
Video overview - Scrolling text updates:
An option has been added to help build a separation between the header and content:
You can now adjust the padding in the header area to make larger or tighter headers:
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.
Use a Heading block to separate groups of questions.
Heading
text
Title for the accordion.
Additional information on recent Broadcast updates
Broadcast 5.6 introduces Cart drawer blocks. Customize the cart drawer with a series of blocks to supercharge the cart experience :
Add, arrange, and configure any of these cart blocks for a fully customized cart experience:
Title
Cart message
Free shipping message
Products
Upsell products
Order note
Gift note
Shipping estimate
Icon
Product list (easy upsell)
Custom code (use for apps)
Payment icons
Checkout buttons
Each block has a set of customizable options. Example of Icon block used to display shipping message:
Pin blocks to the bottom like the Payment icons:
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:
Video overview on how to use and set up the Fit guide block:
Video on how to customize the Fit Guide using custom values with metafields:
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:
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.
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:
Customize the swatch and siblings display style on the Product Grid. Now in Broadcast, you can choose from different swatch display styles. Examples include:
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:
A clean text version that displays the number of swatches or siblings which are available:
Displays a sample of swatches or siblings on a single line and indicates how many additional options are available with text:
Displays the swatch or siblings slider on one line at all times:
Displays all possible swatches or sibling options that are available to choose from:
Use the global Theme Settings -> Swatches -> Collection style
Choose your collection style in the drop-down:
Display a 'Final sale' message with details of sale on sale items:
Configure the global settings under Theme settings -> Product form -> Final sale
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:
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:
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:
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:
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:
This solves the problem of displaying an image banner section for specific products and excluding the banner from others with only one template.
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:
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:
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:
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.
Showcase results with Broadcast's 'Before and After' section
Display any two images with our interactive slider to present the before state and after state. A powerful sales tool to showcase your services.
Content
Primary image
image_picker
Upload the first (before) image. 2000x1400px .jpg recommended.
Secondary image
image_picker
Upload the second (after) image. 2000x1400px .jpg recommended.
Image aspect ratio
range
Adjusts the shape of the image container.
Layout
Width
select
Controls the section's width: Normal
, Full width
, or Full width padded
.
Colors
Color scheme
color_scheme
Select a predefined color scheme.
Padding
Top
range
Adds top padding to the section.
Bottom
range
Adds bottom padding to the section.
Discover how to customize and set up the 'Before and After' section in this video walkthrough:
Heading
text
Main section heading.
Heading size
select
Choose font size: Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Padding
Bottom
range
Bottom padding below the heading.
Advanced
Heading SEO tag
select
Specifies the SEO tag for the section heading: H1
–H6
.
Subheading
text
Adds a secondary title above or below the heading.
Padding
Bottom
range
Bottom padding below the subheading.
Display a selection of collections with images and links
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.
Typography
Heading
text
Title text for the section.
Heading size
select
Choose the font size of the heading: Mini
, Extra small
, Small
, Medium
, Large
, orExtra large
.
Text
richtext
Optional subheading or description text below the heading.
Text size
select
Size of the text: Extra small
, Small
, Medium
, Large
, orExtra large
(only applies to Paragraph content in the Text field).
Button
Text
text
Button label text.
Link
url
URL the button links to.
Color
select
Choose the button color: Black
, White
, Primary
, or Secondary
.
Size
select
Button size: Small
, Medium
, or Large
.
Style
select
Button style: Solid
, Outline
, or Text
.
Show arrow
checkbox
Enable to display an arrow icon in the button.
Images
Image aspect ratio
range
Ratio of image width to height.
Layout
Width
select
Section width: Full width
, Full width padded
, or Normal
.
Layout
select
Display layout: Grid
or Slider
.
Grid
Collections per row
range
Number of collections shown per row.
Mobile
Layout
select
Mobile layout: 1 collections per row
, 2 collections per row
, or slider
.
Colors
Color scheme
color_scheme
Choose the visual color scheme for the section.
Padding
Top
range
Padding above the section.
Bottom
range
Padding below the section.
Advanced
Heading SEO tag
select
Choose an HTML heading tag: H1
–H6
or Automatic
, for SEO structure.
This short video demonstrates some of the settings and options for the Collection list section:
Add blocks to build out your list of collections.
Collection
collection
Select the collection to display.
Image
image_picker
Override the collection image. Recommended: 1400×1400px .jpg.
Text
text
Optional custom label to display in place of the collection’s title.
Text
text
Label for the button (e.g., 'Shop now').
Link
url
Destination URL for the button.
Color
select
Choose button color: Primary
, Secondary
, White
, or Black
.
Size
select
Choose size: Small
, Medium
, or Large
.
Style
select
Choose style: Solid
, Outline
, or Text
.
Show arrow
checkbox
Toggle arrow icon on the button.
Padding
Bottom
range
Bottom padding below the button.
Use the Question block to create questions and answers within a group.
Grouped set of accordions for easy questions and answers
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.
Quick and simple section for building classic FAQ-style content. Create single or two-column sections with content blocks.
This video demonstrates the section settings and content blocks in the accordion group section:
For pages with longer question-and-answer style content, Broadcast has a unique Sidebar section that automatically generates navigation to groups of questions or content:
For a rich accordion section that utilizes images, icons, a newsletter and more, Broadcast includes the Accordion section:
Display recent articles from your blog
Broadcast includes a rich Blog posts section to display the most recent posts on your site quickly:
This short video demonstrates some of the common settings and options in the Blog posts section:
With the Featured blog posts section, you can choose individually which articles to display in a slider carousel:
Open by default
checkbox
If checked, this FAQ item will be open when the page loads.
Typography
Question
text
Content that appears as the main header of the block.
Answer
richtext
Content that appears when the question is expanded.
Icon
Show icon
checkbox
Display an icon next to the question.
Icon
select
Choose an icon from a predefined list.
Alternative icon/image
image_picker
Choose an icon from a predefined list.
Size
range
Set icon size between 20–80px.
Colors
Icon
color
Override color scheme for this icon. Set to Transparent to reset.
Text
richtext
Add descriptive content using formatted text.
Text size
select
Controls paragraph text size: Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Padding
Bottom
range
Bottom padding below the text.
Typography
Heading size
select
Controls the font size for the main heading: Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Question size
select
Controls the font size for question titles: Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Layout
Width
select
Controls the content width: Normal
or Narrow
.
Columns
select
Number of columns: One
or Two
.
Colors
Color scheme
color_scheme
Applies a theme color scheme to this section.
Padding
Top
range
Divider for padding-related settings.
Bottom
range
Adjusts space above the section.
Content
Blog
blog
Select which blog to pull posts from.
Article image aspect ratio
range
Controls the shape of article thumbnails.
Typography
Heading
text
Section heading text.
Heading size
select
Controls the size of the section heading: Mini
, Extra small
, Small
, Medium
, Large
, orExtra large
.
Title size
select
Controls the font size of individual article titles: Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Articles
Show tags
checkbox
Toggles the visibility of article tags.
Show author
checkbox
Toggles the visibility of the author’s name.
Show date
checkbox
Toggles the visibility of the article publish date.
Show 'Read more' button
checkbox
Displays a 'Read more' button for each article.
Show comment count
checkbox
Toggles the display of comment counts (if enabled).
Layout
Width
select
Controls overall section width: Normal
, Full width
, or Full width padded
.
Articles per row
range
Number of articles shown per row.
Number of rows
range
Total number of rows shown.
Colors
Color scheme
color_scheme
Selects the visual color scheme for the section.
Padding
Top
range
Padding above the section.
Bottom
range
Padding below the section.
Advanced
Heading SEO tag
select
Specifies the SEO tag for the section heading: H1
–H6
or Automatic
.
Title SEO tag
select
Specifies the SEO tag for each article title: H1
–H6
or Automatic
.
An animated collection list with full sized images and large text
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.
Typography
Heading size
select
Font size of the heading. Options from Mini
, Extra small
, Small
, Medium
, Large
, orExtra large
.
Desktop
Height
select
Controls the section height on desktop. Options include screen-based and fixed pixel heights.
Mobile
Height
select
Controls the section height on mobile. Options mirror desktop values with mobile variants.
Colors
Color scheme
color_scheme
Choose the visual color scheme for the section.
Overlay opacity
range
Controls darkness of the overlay. Helps improve text contrast.
Overlay behind text only
checkbox
If enabled, applies overlay only behind the text area rather than the full background.
Padding
Top
range
Padding above the section..
Bottom
range
Padding below the section.
This short video demonstrates some of the settings and options for the Collection list hover section:
Collection
collection
Select a Shopify collection to feature.
Image
image_picker
Upload or select a custom image for the collection. Recommended: 3200×1200px .jpg.
Heading
text
Optional heading to overlay on the image (overrides collection title if set).
Display a countdown timer to promote flash sales and events
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:
Content
Background image
image_picker
Optional background image. Recommended size: 3200 x 1200px.
Timer
End date
text
Countdown target date. Format: YYYY-MM-DD
. Uses store’s primary timezone.
End time
text
Countdown target time. Format: HH:MM
in 12-hour format.
AM/PM
radio
Choose between AM or PM for the countdown time.
End of timer message
richtext
Message displayed once the countdown ends.
Hide section after end of timer
checkbox
Automatically hides the section once the countdown ends.
Digits size
select
Font size for countdown digits: Mini
, Extra small
, Small
, Medium
, Large
, orExtra
Date size
select
Font size for date labels. Adjusts automatically based on base font size:Extra small
, Small
, Medium
, Large
, orExtra
Layout
Width
select
Controls the content container width: Full width padded
, Normal
, or Narrow
.
Style
select
Content alignment: Split
or Centered
. Split only works with full/normal width.
Desktop
Height
select
Height of the section on desktop. Choose from several fixed heights.
Mobile
Background image
image_picker
Optional mobile-specific background image (1200 x 1600px recommended).
Height
select
Section height on mobile devices.
Text alignment
select
Aligns text on mobile: Left
or Centered
.
Colors
Color scheme
color_scheme
Controls the section’s color scheme using global presets.
Digits gradient
color_background
Gradient applied to the digits.
Overlay opacity
range
Adds a color overlay on the background for better contrast.
Overlay behind text only
checkbox
Restricts overlay to just the area behind text. Requires opacity > 0.
Padding
Top
range
Top padding in pixels.
Bottom
range
Bottom padding in pixels.
This video demonstrates some of the settings and options, including gradients:
Heading
text
Main title text for the section.
Heading size
select
Controls the font size of the heading.
Advanced
Heading SEO tag
select
Semantic HTML tag for SEO purposes: H1
–H6
or Automatic
.
Add a fully-customized contact form to your store
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.
This video demonstrates some of the settings and options, including contact form blocks:
Typography
Heading
text
Title of the form.
Heading size
select
Size of the form heading:Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Show hCAPTCHA terms
checkbox
Toggles the display of hCAPTCHA legal terms, recommended for spam protection.
Layout
Width
select
Sets section width: Normal
or Narrow
.
Colors
Color scheme
color_scheme
Selects a color scheme from defined theme options.
Padding
Top
range
Top padding in pixels.
Bottom
range
Bottom padding in pixels.
Advanced
Heading SEO tag
select
Sets HTML heading level: H1
–H6
or Automatic
to improve your SEO structure.
Text
richtext
Paragraph or HTML content shown under the heading.
Text size
select
Font size for the paragraph. Works best with content marked as paragraph text.
Label
text
Label for email input field.
Required
checkbox
If checked, email field must be filled.
Text
text
Button label.
Link
url
Button destination URL.
Color
select
Button color style: Primary
, Secondary
, Black
, or White
.
Size
select
Button size: Small
, Medium
, or Large
.
Style
select
Button style: Solid
, Outline
, or Text
.
Show arrow
checkbox
Adds an arrow icon to the button.
Subheading
text
Optional smaller heading above the title.
Label
textarea
Label for message input field.
Required
checkbox
If checked, message is mandatory.
Label
text
Input for phone number.
Required
checkbox
Indicates whether the phone number is required.
Label
text
Checkbox label, e.g., 'Subscribe to newsletter'.
Required
checkbox
Field must be checked before submission.
Heading
text
Adds a heading label within the form layout.
Show line
checkbox
Adds vertical space, optionally with a divider line.
Label
text
Single-line input, e.g., for name.
Required
checkbox
Toggles whether the field is mandatory.
Label
textarea
Multi-line input field for extended text.
Required
checkbox
If checked, field is required.
Add custom code to your theme or build a custom section
Broadcast includes a custom code section to help you add Shopify App snippets, HTML or other Liquid code to create advanced customizations.
Custom code
liquid
Add custom Liquid code, app snippets, or embed tags. Advanced users only.
Layout
Width
select
Controls the content width. Options: Full width
, Full width padded
, Normal
, or Narrow
.
Colors
Color scheme
color_scheme
Apply a global color scheme to the section background.
Padding
Top
range
Padding above the section.
Bottom
range
Padding below the section.
This video demonstrates adding custom HTML, Liquid code, and the Custom CSS feature:
Heading
text
Label for group of radio button options.
Required
checkbox
Ensures one option is selected.
Option one - six
text
Radio button labels (up to 6). Blank labels are hidden.
Build one or two-column sections rapidly, using rich content blocks
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.
Add borders
checkbox
Adds borders around the section.
Enable gutters
checkbox
Adds spacing (gutters) between blocks.
Layout
Width
select
Controls the section's horizontal width:Full width
, Full width padded
, or Normal
.
Desktop
Height
select
Controls vertical height on desktop.
Mobile
Height
select
Controls vertical height on mobile devices.
Reverse block placement
checkbox
Switches the order of the blocks for layout flexibility.
Colors
Color scheme
color_scheme
Sets the overall color scheme from the theme.
Padding
Top
range
Adds spacing to the top of the section.
Bottom
range
Adds spacing to the bottom of the section.
This video demonstrates the section settings and block options in the Custom content section:
The multicolumn section in Broadcast is another option to build a custom section with additional columns rapidly:
Typography
Subheading
text
Secondary title above heading.
Heading
text
Main heading.
Heading size
select
Font size of the heading: Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
Text
richtext
Description or additional content.
Text size
select
Font size of body text: Extra small
, Small
, Medium
, Large
, or Extra large
Button
Text
text
Label for the optional button.
Link
url
Button destination.
Color
select
Choose from Primary
, Secondary
, White
, or Black
color style.
Size
select
Choose Small
, Medium
, or Large
size.
Style
select
Set Solid
, Outline
, or Text
style.
Show arrow
checkbox
Adds arrow to the button.
Show social icons
checkbox
Enables social icons display (edit in Theme settings).
Columns
range
Sets the number of columns for text layout (desktop only).
Text alignment
select
Aligns the text to the Left
or Centered
.
Colors
Background
color
Custom background color.
Text
color
Custom text color.
Advanced
Heading SEO tag
select
SEO-focused heading tag: H1
- H6
, or Automatic
.
Image
image_picker
Upload image (2000 x 1400px recommended).
Typography
Heading
text
Block heading.
Heading size
select
Sets heading font size: Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Text
richtext
Optional supporting text.
Text size
select
Sets body text size:Extra small
, Small
, Medium
, Large
, or Extra large
.
Block alignment
select
Alignment of content: Top left
, Bottom right
, Absolute center
, etc.
Colors
Show text background
checkbox
Displays background behind text for contrast.
Background
color
Background color override.
Text
color
Text color override.
Overlay opacity
range
Overlay to improve text legibility.
Overlay color
color
Color of the overlay.
Overlay behind text only
checkbox
Restricts overlay to appear only behind the text.
Button
Text
text
Button label. If empty, the image becomes the clickable area.
Link
url
Link URL for the button or image.
Color
select
Sets the button's color style: Primary
, Secondary
, Black
, ot White
.
Size
select
Choose Small
, Medium
, or Large
size.
Style
select
Set Solid
, Outline
, or Text
style.
Show arrow
checkbox
Displays an arrow icon inside the button.
Advanced
Heading SEO tag
select
Controls the semantic tag for the heading: H1
- H6
or Automatic
.
Heading
text
Dropdown label shown to users.
Required
checkbox
If enabled, a choice must be made.
Option one - six
text
Labels for up to six selectable options.
Testimonial
Customer name
text
Name of the customer.
Subheading
text
Typically a username or secondary label.
Testimonial
textarea
Customer's review content.
Text size
select
Font size for the testimonial: Extra small
, Small
, Medium
, Large
, or Extra large
Bio image
image_picker
Optional customer image.
Review link
Link
url
Makes entire testimonial a clickable link.
Style
Show quotation mark
checkbox
Adds quote marks to the testimonial.
Text alignment
select
Aligns the testimonial: Left
or Centered
.
Colors
Background
color
Background color override.
Text
color
Text color override.
Typography
Subheading
text
Text displayed above the heading.
Heading
text
Main heading of the newsletter block.
Heading size
select
Font size of the heading: Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
Text
richtext
Supporting text below the heading.
Text size
select
Font size of the paragraph:Extra small
, Small
, Medium
, Large
, or Extra large
Columns
range
Number of text columns (desktop only).
Text alignment
select
Alignment of the text: Left
or Centered
.
Form
Show name field
checkbox
Includes a name field in the signup form.
Button text
text
Call-to-action button label.
Show arrow
checkbox
Adds an arrow icon to the button.
Show reCAPTCHA terms
checkbox
Shows reCAPTCHA terms for spam protection.
Button
Color
select
Choose color scheme: Primary
, Secondary
, Black
or White
,
Size
select
Size of the button: Small
, Medium
, or Large
Style
select
Style of the button: Solid
, Outline
, or Text
Social media icons
Show social icons
checkbox
Displays social icons below the form.
Colors
Background
color
Background color override.
Text
color
Text color override.
Advanced
Heading SEO tag
select
SEO heading tag: H1
- H6
or Automatic
.
Video
video
Upload the main video file to be displayed in the section.
Popup
Enable popup
checkbox
Toggles popup functionality for a secondary video.
MP4/MOV
video
Uploads a video file for use in the popup.
Youtube/Vimeo link
video_url
Add a YouTube or Vimeo video link for the popup.
Image
Image
image_picker
Upload a desktop image (recommended: 3200 x 1200px).
Mobile image
image_picker
Upload a mobile-specific image (recommended: 1200 x 1600px).
Typography
Heading
text
Set the heading text for the section.
Heading size
select
Choose heading font size Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Text
richtext
Add descriptive text below the heading.
Text size
select
Select the font size for the text: Extra small
, Small
, Medium
, Large
, or Extra large
.
Block alignment
select
Align the content block within the section.
Button
Text
text
Specify the text for the button. Leave blank to make the entire image clickable.
Link
url
Enter a URL for the button to navigate to.
Color
select
Select the button color style: Black
, White
, Primary
, or Secondary
.
Size
select
Choose the button size: Small
, Medium
, or Large
.
Style
select
Choose the button style: Solid
, Outline
, or Text
.
Show arrow
checkbox
Enable an arrow icon within the button.
Colors
Show text background
checkbox
Adds a background behind the text for improved readability.
Background
color
Set the background color of the section.
Text
color
Set the text color.
Overlay opacity
range
Adjust the opacity of the overlay background.
Overlay color
color
Select a color for the overlay background.
Overlay behind text only
checkbox
Apply the overlay only behind the text instead of the entire image/video.
Advanced
Heading SEO tag
select
Specify the HTML tag for the heading: H1
–H6
or Automatic
.
Product
product
Selects a featured product to display.
Typography
Subheading
text
Optional subtitle.
Colors
Background
color
Background color override.
Text
color
Text color override.
Handpick blog post 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:
Show author
checkbox
Toggle to show or hide the blog post author name.
Show date
checkbox
Toggle to show or hide the blog post publication date.
Typography
Heading size
select
Size of the form heading:Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Button
Show 'Read more' button
checkbox
Show or hide the 'Read more' button.
Label
text
Customize the button text.
Color
select
Choose button color: Black
, White
, Primary
, or Secondary
.
Size
select
Choose button size: Small
, Medium
, or Large
.
Style
select
Choose button style: Solid
, Outline
, or Text
.
Show button arrow
checkbox
Toggle an arrow icon next to the button text.
Layout
Width
select
Defines the content width. Options: Full width
or Full width padded
.
Desktop
Height
select
Sets the section height on desktop: 550px
, Full screen
, 2/3 screen
, etc.
Mobile
Height
select
Sets the section height on mobile devices.
Colors
Color scheme
color_scheme
Choose a predefined color scheme.
Padding
Top
range
Controls spacing above the section.
Bottom
range
Controls spacing below the section.
This video demonstrates the section settings and block options for the Featured blog posts section:
The Blogs posts section uses multiple columns and rows to display your latest articles:
Image 1
image_picker
Upload the Before image (recommended: 2000 x 1400px).
Image 2
image_picker
Upload the After image (recommended: 2000 x 1400px).
Show line
checkbox
Toggle to display or hide the horizontal divider line.
Layout
Width
select
Controls the container width of the divider section: Full width
, Full width padded
, Normal
, or Narrow
.
Colors
Color scheme
color_scheme
Apply a predefined color scheme for background and text.
Padding
Top
range
Add space above the divider.
Bottom
range
Add space below the divider.
Collection
collection
Choose a Shopify collection to feature in this section.
Typography
Heading
text
Enter a title or heading for the collection section.
Colors
Background
color
Set the background color of the section.
Text
color
Set the color of the text content.
Display large background product images when promoting a product
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.
Content
Product
product
Select the product to be featured.
Show product card
checkbox
Optionally display the product card instead of the detailed view.
Layout
Layout
select
Determines order of product and image: Product left, image right
or Image left ,product right
.
Images limit
range
Sets how many product images to display.
Desktop
Background image
image_picker
Upload a background image for desktop. Recommended: 2000x1400px JPG.
Scrolling styles
select
Choose how product images scroll: Vertical
or Horizontal
.
Horizontal
Full-width scroll
checkbox
Enable horizontal scroll to span full width.
Mobile
Background image
image_picker
Upload a mobile-specific background image. Recommended: 1200x1600px JPG.
Colors
Color scheme
color_scheme
Apply a color scheme to the section.
This video demonstrates the layout options and scrolling styles for desktop and mobile. Plus, all the section settings for the Featured product:
Display products from any of your collections in a grid or slider
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.
Content
Collection
collection
Select the collection to be featured.
Typography
Heading
text
Main heading text.
Heading size
select
Choose heading size from Mini
, Extra small
, Small
, Medium
, Large
or Extra large
.
Text
richtext
Rich text field to display a short description.
Text size
select
Controls font size for the description. Applies to paragraphs only: Extra small
, Small
, Medium
, Large
or Extra large
.
Text alignment
select
Aligns heading and description. Options: In-line
, Center
, or Left
.
Button
Text
text
Text shown on the button.
Link
url
URL the button links to.
Color
select
Choose button color: Black
, White
, Primary
, or Secondary
.
Size
select
Choose size: Small
, Medium
, or Large
.
Style
select
Choose style: Solid
, Outline
, or Text
.
Show arrow
checkbox
Toggle to display an arrow icon next to the button.
Desktop
Product grid layout
select
Choose how products are displayed: Grid
or Slider
.
Grid
Products per row
range
Set number of products per row.
Number of rows
range
Set number of product rows.
Width
select
Choose section width: Normal
or Full width padded
.
Mobile
Product grid layout
select
Layout options for mobile: 1 item per row
, 2 items per row
, or Slider
.
Colors
Color scheme
color_scheme
Select a predefined color scheme.
Padding
Top
range
Controls spacing above the section.
Bottom
range
Controls spacing below the section.
Advanced
Heading SEO tag
select
Sets HTML heading level: H1
–H6
or Automatic
to improve your SEO structure.
This video demonstrates the layout options for desktop and mobile. Plus, all the section settings for the Featured collection:
Broadcast includes a tabbed section to display multiple collections within a section:
Display a single or split images hero-style banner
Restricts overlay to only the area behind the text. Requires Overlay opacity > 0.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.
Content
Primary image
image_picker
Main banner image. Recommended size: 3200×1200px JPG.
Secondary image
image_picker
Optional second image (displays 50% width). Same size as primary.
Image link
url
Optional link for the image.
Layout
Width
select
Width of the banner: Full width
or Full width padded
.
Desktop
Height
select
Controls banner height on desktop. Multiple screen height or fixed pixel options
Desktop alignment
select
Alignment of content within the banner for desktop.
Content width
range
Percentage of banner width that content will occupy.
Mobile
Image
image_picker
Optional mobile-specific image (1200×1600px recommended).
Height
select
Controls height on mobile. Options mimic desktop height settings.
Mobile alignment
select
Alignment of content for mobile.
Colors
Color scheme
color_scheme
Select color scheme to apply to this section.
Show text background
checkbox
Adds background behind text for legibility.
Overlay opacity
range
Controls dark overlay on image. Useful for contrast.
Overlay behind text only
checkbox
Restricts overlay to only the area behind the text. Requires Overlay opacity > 0.
Padding
Top
range
Top padding.
Bottom
range
Bottom padding.
Advanced
Show placeholder image
checkbox
Displays a placeholder if no image is selected. Disable for metafields.
This video demonstrates the section settings and block options for the Image banner section, including split-images and mobile options:
This video discusses the advanced setting option when using the image banner page templates with metafields:
Display navigation-style links with shapes and colors
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.
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.
This video demonstrates the section settings and block options for the Highlights section, including mobile layouts:
Content
Style
select
Choose highlight shape: Square
, Rectangle
, Circle
, or Button
.
Highlights per row
range
Sets number of highlights per row.
Typography
Heading
text
Section heading text.
Heading alignment
select
Align heading text to Left
or Center
.
Heading size
select
Choose heading size from Mini
, Extra small
, Small
, Medium
, Large
or Extra large
.
Highlight text size
select
Controls the font size for paragraph content in highlights: Extra small
, Small
, Medium
, Large
or Extra large
.
Layout
Width
select
Choose section width: Full width padded
, Normal
, or Narrow
.
Mobile
Layout
select
Choose layout: 1 highlight per row
, 2 highlights per row
, or Slider
.
Colors
Color scheme
color_scheme
Apply a predefined color scheme.
Padding
Top
range
Top padding in pixels.
Bottom
range
Bottom padding in pixels.
Advanced
Heading SEO tag
select
Sets HTML heading level: H1
–H6
or Automatic
to improve your SEO structure.
Content
Image
image_picker
Upload a block image. Recommended: 1400 x 1400px JPG.
Typography
Heading
text
Text displayed as the highlight title.
Link
url
Optional clickable link for the highlight.
Colors
Text
color
Set custom text color.
Background
color
Set custom background color.
Border
color
Set custom border color.
Text
text
Button label text.
Link
url
URL the button links to.
Color
select
Button color: Black
, White
, Primary
, or Secondary
.
Size
select
Size of the button: Small
, Medium
, or Large
.
Style
select
Button style: Solid
, Outline
, or Text
.
Show arrow
checkbox
Toggles directional arrow in button.
Full-width
checkbox
Makes the button span the full width of its container.
Typography
Heading
text
The heading text.
Heading size
select
Font size for heading:Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Advanced
Heading SEO tag
select
HTML tag for SEO: H1
- H6
, or Automatic
.
Text
richtext
Rich text field.
Text size
select
Text size if using paragraph format. Affects only paragraph elements: Extra small
, Small
, Medium
, Large
, or Extra large
.
Use one block to feature a single article or multiple blocks to build the slider.
Featured post
article
Select the blog post to feature.
Image
image_picker
Optional: override the post's featured image (2000×1400px recommended).
Typography
Subheading
text
Optional subtitle for the post.
Primary button
Text
text
Label for the primary button.
Link
url
Link for the primary button.
Color
select
Color for the primary button: Black
, White
, Primary
, or Secondary
.
Size
select
Size of the primary button: Small
, Medium
, or Large
.
Style
select
Style for the primary button: Solid
, Outline
, or Text
.
Show arrow
checkbox
Show arrow on the primary button.
Secondary button
Text
text
Label for the secondary button.
Link
url
Link for the secondary button.
Color
select
Color for the secondary button: Black
, White
, Primary
, or Secondary
.
Size
select
Size for the secondary button: Small
, Medium
, or Large
.
Style
select
Style for the secondary button: Solid
, Outline
, or Text
.
Show arrow
checkbox
Show arrow on the secondary button.
Custom code
liquid
Add your own custom HTML/Liquid code. Renders directly in the section.
The Heading block allows you to add a prominent title or message over the image. It's perfect for hero messaging, campaign headlines, or strong product callouts.
Heading
text
The heading text. Supports plain text or dynamic sources.
Heading size
select
Size of the heading: Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Advanced
Heading SEO tag
select
HTML tag used for semantic structure: H1
–H6
or Automatic
.
The Image with product section combines a full-width or padded image banner with an overlay and integrated product display, making it ideal for promotional storytelling. It supports various responsive image heights, custom overlay options, a connected product card, and flexible call-to-action buttons.
This section is commonly used for hero images, promotional features, or highlighting a product in a lifestyle context. It supports up to 5 content blocks, including headings, text, buttons, and custom Liquid code.
Content
Image
image_picker
Image link
url
Optional link to wrap the image.
Product
Product
product
Choose a Shopify product to display.
Text
textarea
Descriptive text to accompany the product.
Text size
select
Controls font size for the description text: Extra small
, Small
, Medium
, Large
, or Extra large
Enable quick add
checkbox
Adds a button to allow quick add-to-cart.
Background
color
Background color for the product card.
Text
color
Text color for the product card.
Layout
Width
select
Controls section width: Full width
or Full width padded
.
Desktop
Height
select
Sets section height on desktop devices. Multiple fixed and screen-relative options.
Mobile
Image
image_picker
Upload mobile-specific image. Recommended: 1200x1600px JPG.
Height
select
Section height on mobile. Multiple options including screen-based and fixed pixel heights.
Text alignment
select
Vertical alignment of text on mobile: Top
, Middle
, or Bottom
.
Colors
Color scheme
color_scheme
Choose from predefined color schemes.
Show text background
checkbox
Display a background behind the text content.
Overlay opacity
range
Adjusts background overlay opacity. Affects text contrast.
Overlay behind text only
checkbox
Restricts overlay to text area only (requires non-zero overlay opacity).
Padding
Top
range
Padding above content.
Bottom
range
Padding below content.
Advanced
Show placeholder image
checkbox
Show a default placeholder if no image is set. Disable when using metafields.
Upload image. Recommended size: 3200x1200px JPG.
The Text block lets you add supporting or descriptive content below the heading. Ideal for short explanations, feature blurbs, or promotional subtext.
Text
richtext
Rich text content. Supports HTML.
Text size
select
Choose a style: Extra small
, Small
, Medium
, Large
, or Extra large
.
The Single button block creates a standalone CTA button. This is useful if you only need one action instead of two (unlike the Side by Side Buttons block).
Text
text
Button text label.
Link
url
Destination link.
Color
select
Button color style: Black
, White
, Primary
, or Secondary
.
Size
select
Size of the button: Small
, Medium
, or Large
.
Style
select
Button style: Solid
, Outline
, or Text
.
Show arrow
checkbox
Toggle to display an arrow icon.
Full-width
checkbox
Button stretches to container width.
The Custom liquid block allows you to embed your own Liquid, HTML, or inline JavaScript for advanced customization, such as dynamic metafield content or third-party widgets.
Custom code
liquid
Insert custom Liquid/HTML/JS to render custom content.
This block enables you to display two horizontally aligned call-to-action buttons — a primary and a secondary — ideal for highlighting dual actions (e.g., View collection and Shop sale).
Primary button
Text
text
Primary button label.
Link
url
Link for the primary button.
Color
select
Primary button color: Black
, White
, Primary
, or Secondary
.
Size
select
Size of the primary button: Small
, Medium
, or Large
.
Style
select
Button style: Solid
, Outline
, or Text
.
Show arrow
checkbox
Show arrow icon on primary button.
Secondary button
Text
text
Secondary button label.
Link
url
Link for the secondary button.
Color
select
Secondary button color: Black
, White
, Primary
, or Secondary
.
Size
select
Size of the secondary button: Small
, Medium
, or Large
.
Style
select
Style of the secondary button: Solid
, Outline
, or Text
.
Show arrow
checkbox
Show arrow icon on secondary button.
Text
richtext
Enter rich text to scroll.
Colors
Text
color
Override text color for this scrolling text block.
Heading
text
Enter heading text.
Heading size
select
Font size for heading: Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Advanced
Heading SEO tag
select
Define HTML heading tag: H1
–H6
or Automatic
.
Text
textarea
Add descriptive paragraph or brand message.
Text size
select
Font size based on paragraph body scale: Extra small
, Small
, Medium
, Large
, or Extra large
.
Colors
Text
color
Override text color.
Text
text
Button label.
Link
url
Destination URL when button is clicked.
Color
select
Choose from Black
, White
, Primary
, or Secondary
button color.
Size
select
Set Small
, Medium
, or Large
size.
Style
select
Choose from Solid
, Outline
, or Text
style.
Show arrow
checkbox
Adds directional arrow icon to button.
This section is a highly flexible and customizable solution for displaying important messages alongside imagery. With extensive options, it fits a variety of design needs, from announcements to promotional banners.
Add and organize various section blocks within the layout, allowing you to customize the structure of your content by arranging different elements such as the section heading and buttons, to create a visually engaging and well-structured page.
Content
Image
image_picker
Main desktop image (Recommended: 3200 x 1200px, JPG).
Image link
url
Optional URL to make the image clickable.
Space between messages
range
Controls the spacing between scrolling messages.
Autoplay speed
range
Adjusts the scrolling speed of the text.
Text typography
Text alignment
select
Vertical text position: Top
, Center
, or Bottom
.
Scrolling text typography
Font
font_picker
Font style for scrolling text.
Text size
range
Font size for scrolling text.
Letter spacing
range
Controls spacing between letters.
Uppercase
checkbox
Transforms scrolling text to uppercase.
Position
select
Alignment for scrolling text: Top
, Center
, or Bottom
.
Text direction
select
Marquee direction: Right-to-left
or Left-to-right
.
Desktop
Height
select
Choose height: image-based or fixed screen ratios.
Mobile
Image
image_picker
Alternative image for mobile (Recommended: 1200 x 1600px, JPG).
Height
select
Mobile height options similar to desktop.
Colors
Color scheme
color_scheme
Choose a color scheme from predefined options.
Overlay opacity
range
Background overlay opacity to improve text readability.
Overlay behind text only
checkbox
Applies overlay only behind text (requires opacity > 0).
Padding
Top
range
Padding at the top.
Bottom
range
Padding at the bottom.
Advanced
Show placeholder image
checkbox
Show placeholder if metafield image is not used.
Subheading
text
Subheading text.
Padding
Bottom
range
Bottom padding.
Heading
text
Heading text.
Heading size
select
Size of heading text: Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Padding
Bottom
range
Bottom padding.
Advanced
Heading SEO tag
select
SEO tag: H1
–H6
or Automatic
.
Text
richtext
Rich formatted paragraph content.
Text size
select
Font size for body text. Applies when content is in paragraph format: Extra small
, Small
, Medium
, Large
, or Extra large
.
Padding
Bottom
range
Show line
checkbox
Whether to show a divider line.
Padding
Bottom
range
Bottom padding.
Display two columns of rich content types with a wide range of options
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.
Content
Primary image
image_picker
Upload the main image (Recommended: 2000 x 1400px .jpg).
Secondary image
image_picker
Option to add a second image shown side-by-side.
Image width
select
Controls image size: 50%
or 75%
.
Typography
Text alignment
select
Align text Left
or Centered
.
Layout
Layout
select
Controls image/text position: Image left,text right
or Text left,image right
.
Width
select
Controls section width: Full width
, Full width padded
, or Normal
.
Desktop
Height
select
Sets section height for desktop.
Mobile
Height
select
Controls height of the section on mobile devices.
Reverse block placement
checkbox
Toggle to invert the order of content blocks.
Colors
Color scheme
color_scheme
Choose a predefined color scheme.
Padding
Top
range
Controls the top padding.
Bottom
range
Controls the bottom padding.
Advanced
Show placeholder image
checkbox
Show placeholder image. Disable if using a metafield.
This video demonstrates how to build and customize the Image with text section, including block variations and mobile options:
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:
The multicolumn section in Broadcast is another option to build a custom section with additional columns rapidly:
Text
text
Button label text.
Link
url
Destination link.
Color
select
Button color: Black
, White
, Primary
, or Secondary
.
Size
select
Size: Small
, Medium
, or Large
.
Style
select
Style: Solid
, Outline
, or Text
.
Show arrow
checkbox
Show arrow icon.
Padding
Bottom
range
Bottom padding.
Image
image_picker
Main image. Recommended: 2000x1400px JPG.
Width
range
Width (20–100%).
Padding
Bottom
range
Bottom padding (0–50px).
Question
text
Question title.
Answer
richtext
Answer content.
Icon
Show icon
checkbox
Display an icon.
Icon
select
Choose an icon (option list can be customized).
Alternative icon/image
image_picker
Alternative icon/image. Recommended: 160x160px SVG.
Size
range
Icon size (20–80px, step 5).
Icon color
color
Icon color.
Padding
Bottom
range
Bottom padding.
Video
video
Video file picker.
Width
range
Width (50–100%).
Set custom aspect ratio
checkbox
Enable custom aspect ratio.
Aspect ratio
range
Ratio (0.5–1.5).
Padding
Bottom
range
Bottom padding (0–50px).