Broadcast Documentation
NewSupport
Latest version
Latest version
  • About Broadcast
    • Broadcast theme documentation
    • Feature requests
  • Updates
    • What's new in Broadcast
      • Release Notes
      • About v6.2 release
      • About v6.1 release
      • About v6.0 release
      • About v5.8 release
      • About v5.7 release
      • About v5.6 release
      • About v5.5 release
      • About v5.4 release
      • About v5.3 release
      • About v5.2 release
      • About v5.1 release
      • About v5.0 release
      • About v4.0 release
  • Sections
    • Broadcast sections
      • Demo store sections
      • Accordion
        • Text column
        • Image column
        • Icon column
        • Custom code
        • Contact form
      • Accordion group
        • Heading
        • Question
      • Before and After
        • Heading
        • Subheading
        • Text
        • Button
      • Blog posts
      • Collection list
        • Collection
      • Collection list hover
        • Collection
      • Countdown timer
        • Subheading
        • Heading
        • Text
        • Buttons
      • Contact form
        • Email
        • Message
        • Text line
        • Text area
        • Telephone
        • Heading
        • Spacer
        • Single checkbox
        • Select dropdown
        • Radio buttons
      • Custom code
      • Custom content
        • Image
        • Text
        • Newsletter
        • Testimonial
        • Product
        • Video
        • Collection
        • Before and after
      • Divider
      • Featured blog posts
        • Featured post
      • Featured collection
      • Featured product
      • Highlights
        • Highlight
      • Image banner
        • Heading
        • Text
        • Single button
        • Side by side buttons
        • Custom code
      • Image with product
        • Heading
        • Text
        • Single button
        • Side by side buttons
        • Custom code
      • Image with scrolling text
        • Scrolling text
        • Heading
        • Text
        • Button
      • Image with text
        • Heading
        • Subheading
        • Text
        • Button
        • Divider
        • Accordion
        • Image
        • Video
        • Product
        • Collection
        • Custom code
      • Image with text slider
        • Text slide
      • Map
      • Multicolumn
        • Image
        • Icon
        • Text
        • Menu
        • Product
      • Newsletter
        • Image
        • Text
        • Newsletter
      • Press logos
        • Logo with header
        • Logo with text
      • Products with image
        • Products
        • Image
      • Recently viewed products
      • Rich text
        • Heading
        • Subheading
        • Text
        • Button
        • Image
        • Divider
      • Rich text with columns
        • Heading
        • Text
        • Buttons
      • Scrolling text
        • Heading
        • Text
        • Free shipping message
        • Custom code
        • Image
        • Collection
        • Advanced text
      • Shop the look
        • Product
      • Sidebar
        • Header
        • Accordion
        • Text
      • Slideshow
      • Tab collections
        • Collection
      • Testimonials
        • Testimonial
      • Text columns with icons
        • Icon
      • Text columns with images
        • Image
      • Text promo
        • Button
        • Heading
        • Text
      • Text with products
        • Collection
        • Product
        • Image
      • Timeline
        • Timeline
      • Video
  • Theme settings
    • Theme settings
      • Colors
      • Typography
      • Buttons
      • Layout
      • Search
      • Social media
      • Product grid
      • Product form
      • Swatches
      • Favicon
      • Cart
      • Currency format
  • Header
    • Announcement bar
      • Announcement bar section
      • Text announcement
      • Free shipping message
      • Custom code
      • Countdown timer
      • Target settings
    • Header
      • Demo store header settings
      • Section settings
        • Transparent header
        • Quantity indicators
        • Social icons
        • Navigation images
      • Header blocks
        • Image
        • Toolbar
    • Mobile menu
      • Section settings
      • Blocks
        • Menu
        • Menu columns
        • Image
        • Icon
        • Text
        • Button
        • Review
        • Language and currency
        • Social media
        • Collection
        • Product
        • Divider
        • Search bar
  • Footer
    • Footer sections
      • Logo
      • Supporting menu
    • Footer settings
    • Footer blocks
      • Link list
      • Newsletter
      • Social
      • Text
      • Page
      • Divider
  • Products
    • Product pages
      • Settings and layout
      • Final Sale
      • Out-of-stock notification
      • Pre-order using metafields
      • Pre-order products using tags
      • Sale items
      • Size charts
      • Swatches (Updated)
      • Swatch collection styles
  • Product Theme Blocks
    • Title
    • Price
    • Variant picker
    • Buy buttons
    • Siblings
    • Description
    • Tabs
    • Accordion
    • Upsell
    • Inventory countdown
    • Sharing
    • Local pickup
    • Text
    • Custom code
    • Icon
    • Divider
    • Line item property
    • Feature
    • Complementary products
    • Popup
    • Badges
    • SKU
    • Fit guide
    • Countdown timer
  • Product recommendations section
    • Related products
    • Recently viewed products
  • Collections
    • Collection pages
      • Collection products
        • Featured image
      • Subcollections
      • Swatch collection styles
      • Product badges
      • Product badges with metafields
      • Product filtering
      • Quick add
      • Cutline second line
  • Pages
    • Page templates
      • Demo store about page
      • Page section
      • Creating page templates
      • About page templates
  • Blogs
    • Blogs
      • About blogs and articles
      • Featured blog posts
        • Featured post
    • Blog posts
      • Article page
        • Navigation
        • Related products
        • Recent articles
        • Default image
      • Product links in blog posts
  • Overlay
    • Cart drawer
      • Title
      • Cart message
      • Free shipping message
      • Products
      • Upsell products
      • Order note
      • Gift note
      • Shipping estimate
      • Icon
      • Product list
      • Custom code
      • Payment icons
      • Checkout buttons
    • Newsletter
      • Popup
      • Mini popup
    • Text promotion
    • Additional settings
  • Promotions
    • Upselling
      • Upselling with metafields
      • Upselling with tags
  • Siblings
    • Product siblings
      • About product siblings
      • How to setup siblings
      • Siblings metafields
      • Siblings color
      • Siblings collection
      • Siblings product setup
      • Siblings block
      • Customizations
  • FAQ
    • Frequently asked questions
      • How to update Broadcast
      • Default theme content
      • Share preview link
      • Hiding prices
      • How to use sections
      • Section blocks
      • How to remove Powered by Shopify
      • Improving the speed of your site
      • How to prevent your images from getting cropped
      • Check your theme version
      • CSS customizations
      • Missing Cart Drawer after Updating
  • License
    • Theme license
  • Support
    • Theme support policy
    • Contacting support
    • Hire a Shopify Expert
Powered by GitBook
On this page
  • Quick Add button refinements
  • Cart and Cart drawer enhancements
  • Button block updates: Side-by-Side layout & full-width option
  • New video block for Slideshow (Nested)
  • Button size settings
  • Add to cart button - Show price in button
  • Rich text columns section - New divider option
  • Product form: Display variant color descriptions
  • Video walk-through
  • Variant selection: Enhanced visual clarity
  • Try Broadcast 6.2
Export as PDF
  1. Updates
  2. What's new in Broadcast

About v6.2 release

Additional information on recent Broadcast updates

PreviousRelease NotesNextAbout v6.1 release

Last updated 8 days ago

Quick Add button refinements

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:


Cart and Cart drawer enhancements

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.


Button block updates: Side-by-Side layout & full-width option

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.


New video block for Slideshow (Nested)

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.


Button size settings

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.


Add to cart button - Show price in button

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.


Rich text columns section - New divider option

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.


Product form: Display variant color descriptions

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.

How It Works:

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.

Video walk-through

Watch this video walk-through on how to create the required custom variant metafield:

Note: Variant metafields are different from regular Product metafields.

Setup steps:

  1. Define the Metafield: In your Shopify Admin, go to Settings > Custom data > Variants. Add a new definition.

  2. Set the Namespace to theme.

  3. Set the Key to color_description.

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

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

Additional information:

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.


Variant selection: Enhanced visual clarity

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:

Text color setting

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.


Try Broadcast 6.2

For additional examples and to try Broadcast for free, visit our demo stores and download the latest version of Broadcast:

Existing customers can update for free. To preserve your live published theme, use the Shopify Update tool. The update tool will download an additional theme to your theme library and only copy the settings from your live theme. This is the safest and easiest method of updating your theme.

How to update Broadcast
Video step-by-step instructions
Broadcast Theme - Ecommerce Website Template
Logo
Quick add settings are under Product Grid in the Theme Settings
Adjust the text sizes for Cart Drawer various cart drawer blocks
Side by side buttons
Full width option for Single button
Video slide in Slideshow (Nested) section
Theme settings > Buttons
Theme settings > Product form
Divider settings
Custom description for this variant combination only
New hover style for variants
Theme settings > Colors > Color scheme