Broadcast v6.2 has been released - Learn more about
What's new
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 block
        • Image column block
        • Icon column block
        • Custom code block
        • Contact form block
      • Accordion group
        • Heading block
        • Question block
      • Before and After
        • Heading block
        • Subheading block
        • Text block
        • Button block
      • Blog posts
      • Collection list
        • Collection block
      • Collection list hover
        • Collection block
      • Countdown timer
        • Subheading block
        • Heading block
        • Text block
        • Buttons block
      • Contact form
        • Email block
        • Message block
        • Text line block
        • Text area block
        • Telephone block
        • Heading block
        • Spacer block
        • Single checkbox block
        • Select dropdown block
        • Radio buttons block
      • Custom code
      • Custom content
        • Image block
        • Text block
        • Newsletter block
        • Testimonial block
        • Product block
        • Video block
        • Collection block
        • Before and after block
      • Divider
      • Featured blog posts
        • Featured post block
      • Featured collection
      • Featured product
      • Highlights
        • Highlight block
      • Image banner
        • Heading block
        • Text block
        • Single button block
        • Side by side buttons block
        • Custom code block
      • Image with scrolling text
        • Scrolling text block
        • Heading block
        • Text block
        • Button block
      • Image with text
        • Heading block
        • Subheading block
        • Text block
        • Button block
        • Divider block
        • Accordion block
        • Image block
        • Video block
        • Product block
        • Collection block
        • Custom code block
      • Image with text slider
        • Text slide block
      • Map
      • Multicolumn
        • Image block
        • Icon block
        • Text block
        • Menu block
        • Product block
      • Newsletter
        • Image block
        • Text block
        • Newsletter block
      • Press logos
        • Logo with header block
        • Logo with text block
      • Products with image
        • Products block
        • Image block
      • Rich text
        • Heading block
        • Subheading block
        • Text block
        • Button block
        • Image block
        • Divider block
      • Rich text with columns
        • Heading block
        • Text block
        • Buttons block
      • Scrolling text
        • Heading block
        • Text block
        • Free shipping message block
        • Custom code block
        • Image block
        • Collection block
        • Advanced text block
      • Shop the look
        • Product block
      • Sidebar
        • Header block
        • Accordion block
        • Text block
      • Slideshow
      • Tab collections
        • Collection block
      • Testimonials
        • Testimonial block
      • Text columns with icons
      • Text columns with images
      • Text promo
      • Text with products
      • Timeline
      • Video
  • Theme settings
    • Theme settings
      • Colors
      • Typography
      • Buttons
      • Layout
      • Search
      • Social media
      • Product Grid
      • Product Form
      • Cart
  • Header
    • Announcement bar
      • Announcement bar settings
      • Free shipping message
      • Countdown timer
      • Text announcement
      • Custom code
      • Target settings
    • Header
      • Demo store header settings
      • Header section
      • Navigation images
      • Quantity indicators
      • Transparent header
      • Header icons
      • Social icons
      • Sticky header
      • Target settings
    • Toolbar
      • Header toolbar
      • Video walkthrough
    • Mobile menu
      • Getting started
      • Mobile menu blocks
  • Footer
    • Footer settings
    • Footer blocks
      • Link list
      • Newsletter
      • Social
      • Text
      • Page
  • Products
    • Product pages
      • Accordion section
      • Custom form field
      • FAQ Accordions
      • Final Sale
      • Free products
      • Low inventory message
      • Out-of-stock notification
      • Pre-order using metafields
      • Pre-order products using tags
      • Related products
      • Sale items
      • Settings and layout
      • Siblings
      • Size charts
      • Swatches (Updated)
      • Swatch collection styles
      • Tabs and accordions
      • Tab content using metafields
      • Unique image banners
      • Upselling
      • Variant images
  • Product Theme Blocks
    • Title
    • Price
    • Variant picker
    • Buy buttons
    • Siblings
    • Description
    • Upsell
    • Inventory countdown
    • Sharing
    • Local pickup
    • Text
    • Custom code
    • Icon
    • Divider
    • Line item property
    • Feature
    • Complementary products
    • Popup
  • Collections
    • Collection pages
      • Collection page settings
      • Swatch collection styles
      • Product badges
      • Product badges with metafields
      • Product filtering
      • Quick add
      • Sub-collections
      • Cutline second line
      • Featured image
  • Pages
    • Page templates
      • Demo store about page
      • Creating page templates
      • Page section
      • About page templates
  • Blogs
    • Blogs and articles
      • About blogs and articles
      • Featured posts
      • Article page
      • Product links in blog posts
      • Article theme blocks
  • Overlay
    • Popups
      • Popups Theme Blocks
      • Large newsletter
      • Text promo
      • Small newsletter
      • Cookie consent
      • Coupon codes
      • Popup Behavior and Target
  • 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
  • License
    • Theme license
  • Support
    • Contacting support
    • Hire a Shopify Expert
    • Missing Cart Drawer after Updating
Powered by GitBook
On this page
  • Flexible
  • Customize
  • Image position
  • Image sizing
  • Animation settings
Export as PDF
  1. Sections
  2. Broadcast sections

Text with products

Highlight products, a collection or images alongside a brand message

PreviousText promoNextTimeline

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

Flexible

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

Customize

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

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

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

  • Adjust the colors and padding for the section.

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

  • Image - Includes a custom link option.

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

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

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

Image position

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

Image sizing

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

Animation settings

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

Images link directly to products and collections
Collection block example
Choose the image position based on the word count of your heading
Aspect ratio per image
Width size per image