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
  • New in Broadcast
  • Subscript style
  • Scroll to top
  • Loading icon
  • Layout settings
Export as PDF
  1. Theme settings
  2. Theme settings

Layout

Design elements and effects in Broadcast

PreviousButtonsNextSearch

Last updated 14 days ago

New in Broadcast

Subscript style

Turn on Subscript to show subscript elements like the number of items in a collection:

To turn on the feature, find the setting in the Layout settings. Use the toggle option:

Scroll to top

The scroll to top arrow button/link that appears on mobile can be toggled in the Layout settings:

Loading icon

Display a custom brand logo or animation during page loads.

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

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

Tip: Build an animation sequence by using two custom images during page loads

Layout settings

Settings
Type
Description

Grid style

select

Choose between a Classic or Compact layout grid.

Appearance

Slider navigation style

select

Choose the dot navigation style for sliders: Hidden, Circle, or Line.

Icon style

select

Set the weight of icons: Regular, Medium, or Bold.

Products

Show gray background

select

Set gray background positioning for product images: Behind images, In front of images, or None.

Animations

Enable animations

checkbox

Toggle animation effects on scroll and transitions.

Enable image parallax

checkbox

Adds subtle scrolling effect to large images.

Parallax strength

range

Adjusts how strong the parallax effect appears (zooming).

Design Elements

Enable borders

checkbox

Adds borders to elements like Featured collections, Collection lists, and Blog posts.

Enable superscript

checkbox

Shows the number of products in a collection using superscript.

Buttons

Show "Scroll to top" button

checkbox

Displays a floating button that scrolls the page to the top.

Loading icon

Image 1

image_picker

Upload the first loading image (recommended size: 300×90px .jpg).

Image 2

image_picker

Upload the second loading image (recommended size: 300×90px .jpg).

Width

range

Set the display width of loading images.

Dropdown navigation example with subscript items