Broadcast v6.2 has been released - Learn more about
What's new
Broadcast Documentation
NewSupport
Broadcast v4
Broadcast v4
  • About Broadcast
    • Broadcast Theme Documentation
  • Sections
    • Broadcast sections
      • Accordion
      • Accordion group
      • Contact form
      • Before and After
      • Blog posts
      • Collection list
      • Collection list hover
      • Custom content
      • Featured blog posts
      • Featured collection
      • Featured product
      • Image banner
      • Image with text
      • Multicolumn
      • Newsletter
      • Press logos
      • Rich text
      • Shop the look
      • Sidebar
      • Tab collections
      • Testimonials
      • Text columns with images
      • Text promo
      • Text with products
      • Collection list hover
    • How to use sections
    • Section blocks
  • Header
    • Announcement bar
      • Text announcement
      • Free shipping message
      • Custom HTML
    • Header
      • Transparent header
      • Header icons
      • Social icons
      • Navigation images
      • Sticky header
    • Target Settings
  • Upsell
    • Upselling with tags
    • Upselling with metafields
  • Products
    • Product pages
    • Tabs and accordions
    • Tab content using metafields
    • FAQ Accordions
    • Swatches
    • Size charts
    • Pre-order products using tags
    • Pre-order using metafields
    • Sale items
    • Free products
    • Product Theme Blocks
      • Title
      • Price
      • Variant picker
      • Buy buttons
      • Siblings
      • Description
      • Upsell
      • Icon
    • Low inventory message
    • Accordion section
    • Product ratings
    • Related products
  • Siblings
    • About product siblings
    • How to setup siblings
    • Siblings metafields
      • Siblings color
      • Siblings collection
    • Siblings product setup
    • Siblings block
  • Collections
    • Collection page settings
    • Product badges
    • Product badges with metafields
    • Product filtering
    • Quick add
    • Sub-collections
    • Cutline second line
    • Featured image
  • Popups
    • Popups Theme Blocks
      • Large newsletter
      • Text promo
      • Small newsletter
      • Cookie consent
    • Coupon codes
    • Popup Behavior and Target
  • Pages
    • Page templates
    • Creating page templates
    • Page section
  • Updates
    • Check your theme version
    • Download latest theme version
    • Updating your theme
      • Updating from version 1 or 2
      • Updating from version 3
      • Shopify's Online Store 2.0
  • Changelog
    • What's new in 5.0
    • Tips and detailed information about v4.0 release
  • Theme settings
    • Theme Settings Intro
      • Colors
      • Typography
      • Buttons
      • Layout
      • Search
      • Social media
      • Product Grid
      • Product Form
      • Cart
  • Blogs
    • Featured posts
    • Blog pages
  • Blog posts
    • Article page
    • Theme blocks
  • Footer
    • Footer
    • Footer Theme blocks
      • Link list
      • Newsletter
      • Social
      • Text
      • Page
  • Support
    • Contacting support
    • Share preview link
  • Custom
    • Where to make CSS changes
    • How to remove Shopify credit
    • Collection image spacing
Powered by GitBook
On this page
  • How to use
  • Blocks
  • 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 promoNextCollection list hover

Looking to boost engagement and increase sales within your store? Consider adding inline images to your text sections that link directly to your products and collections. By incorporating visually appealing product images into your content, you can capture your audience's attention and guide them toward purchasing.

How to use

Add the section in the Theme Editor. You can quickly find the section when using the filter option:

Enter your primary text message into the Section settings:

Blocks

Add and configure blocks. Each block will be an image. The type of block will determine the call-to-action type. The block types are:

  • Image (custom link option)

  • Product (links directly to a product)

  • Collection (links to a collection of products)

Each block contains settings to help you design the right look and style:

Each block type has an image option. The product block for example uses the primary image of that product (first image). An image override option is available to use any image in your library.

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

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

Animation settings

Images will animate into 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:

Filter to quickly find the right section
Product block example
Image position is corolated with message words
Aspect ratio per image
Width size per image