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
  • Product description
  • Layout
  • Image size
  • Cart bar
  • Media
  • Section padding
Export as PDF
  1. Products

Product pages

Settings and layout options for Product pages

PreviousUpselling with metafieldsNextTabs and accordions

Click on Product pages to view settings and options:

Product description

Enable sticky form

The product form stays in view while scrolling stacked images. This view is recommended for long pages with large images.

The main benefit is that it allows shoppers to have access to the call-to-action buttons while scrolling product images.

Sticky behavior ends when the shopper has reached the last product image and continues to the content below. This is best used with the 'stacked' image gallery.

Layout

Image display

Broadcast includes three different layout styles for displaying your product images and thumbnails:

  • Thumbnails - Bottom

  • Thumbnails - Left

  • Stacked

  • Grid (added in v3.2.0)

Thumbnails - Bottom

Thumbnails - Left

Stacked

Grid

Feature introduced in Broadcast v3.2

The grid layout displays a large first image followed by 2-column smaller images. A popular design choice as thumbnails are large and less scrolling is needed over the stacked layout design:

Image size

Broadcast also includes three image sizes to choose from to help match your product images:

  • Small

  • Normal

  • Stretch - No thumbnails

Cart bar

Enable cart bar

The cart bar remains visible to shoppers while scrolling through long product pages.

It includes the product name, price, and Add to Cart button making it easy for customers to add your product to the cart:

Media

Broadcast includes a powerful image zoom feature that allows customers to easily zoom in on product images and cycle through them in a full-screen browser window mode:

Section padding

Feature introduced in Broadcast v3.3

Section padding gives you granular control over the spacing above and below sections.

With product pages, the controls will help you increase or reduce white space at the top and bottom of the main product information: