Video with Text Showcase Create a Bold Visual Brand Story

Combine a large video, oversized statement text, supporting image, and linked CTA to build an expressive Shopify section for campaigns, products, or brand storytelling.

  • check-icon Video Storytelling
  • check-icon Bold Text Layout
  • check-icon Interactive CTA
Video with Text Showcase Desktop Preview 1
vector
vector

Key Features for Bold Video and Text Storytelling

Combine video, large typography, a supporting image, highlighted words, and a linked CTA in one responsive section designed for visual storytelling.

Large Featured Video

Large Featured Video

Add a Shopify-hosted video as the main visual element to create an immersive product, campaign, or brand-focused presentation.

Optional Video Poster

Optional Video Poster

Choose a poster image for the video to provide a polished visual presentation before or around video playback.

Video Playback Controls

Video Playback Controls

Control autoplay, looping, and muted playback directly from the Shopify theme editor without changing the section code.

Play and Pause Interaction

Play and Pause Interaction

Show interactive play and pause controls for the video so visitors can manually manage playback when needed.

Highlighted Heading Text

Highlighted Heading Text

Use bold text inside the rich-text heading to apply a separate highlight color and emphasize important words or phrases.

Supporting Image

Supporting Image

Add a secondary image alongside the oversized heading to create a layered composition combining motion and static visual content.

Linked CTA With Arrow

Linked CTA With Arrow

Add a text link with a large circular arrow icon to guide visitors toward a relevant product, collection, page, or campaign.

Responsive Visual Layout

Responsive Visual Layout

The video, image, heading, CTA, and spacing adapt to smaller screens for a cleaner and more balanced mobile presentation.

Video with Text Showcase Settings & Options

Control video playback, heading styling, supporting imagery, CTA appearance, colors, spacing, and section width from the theme editor.

Section Settings

Section Settings

Applies to the whole section

Add rich text with optional bold words for emphasis.

Main Heading

Choose how the oversized heading is aligned.

Heading Alignment

Upload or select the main Shopify-hosted video for the section.

Featured Video

Add an optional image displayed with the video presentation.

Video Poster

Control autoplay, looping, mute, and play-pause controls.

Video Playback

Adjust the corner radius applied to the video and supporting image.

Media Border Radius

Add a CTA label, destination link, and control the arrow icon size.

CTA Link Controls

Set heading, highlighted text, link, and hover colors.

Color Controls

Set desktop and mobile top and bottom section spacing.

Section Padding

Set the maximum width of the overall section content.

Maximum Section Width

Where This Section Can Be Used

Use this section to combine motion, bold typography, imagery, and clear navigation across key Shopify pages that need stronger visual storytelling.

  • Home Page
  • Collection Page
  • Product Page
  • Landing Page
Home Page

Introduce Your Brand With More Visual Impact

Use a large video, a statement heading, a supporting image, and a CTA to introduce your brand, highlight a campaign, or create a strong homepage storytelling moment.

check-iconIntroduce your brand through motion and oversized typography

check-iconHighlight important words with a separate accent color

check-iconCombine video and imagery in one layered visual section

check-iconGuide visitors toward an important store destination

check-iconCreate a strong break between standard homepage sections

Collection Page

Bring More Storytelling Into Collection Pages

Use the section to introduce a collection theme, seasonal direction, campaign, or visual story before or after products with a more editorial presentation.

check-iconIntroduce the mood or idea behind a collection visually

check-iconUse video to support seasonal merchandising stories

check-iconHighlight key collection messaging with oversized text

check-iconAdd a supporting image for another visual perspective

check-iconDirect shoppers to another relevant collection or page

Product Page

Show More of the Story Behind a Product

Use video, imagery, and bold text to explain product design, craftsmanship, usage, materials, or a key product message outside the standard detail area.

check-iconShow products in motion beyond standard gallery images

check-iconHighlight an important product message with large text

check-iconUse a secondary image to support the product story

check-iconLink shoppers toward related content or collections

check-iconAdd an editorial visual section around product details

Landing Page

Create a Bold Campaign Story With Video

Combine campaign video, statement typography, supporting imagery, and a clear CTA to create a high-impact storytelling moment within promotional landing pages.

check-iconGive campaign videos a strong supporting content layout

check-iconUse highlighted words to reinforce the main campaign message

check-iconAdd a clear linked CTA below the visual composition

check-iconMatch campaign colors through flexible styling controls

check-iconCreate an expressive section without adding multiple blocks

Why Use Video with Text Showcase on Shopify?

Combine movement, oversized typography, supporting imagery, and direct navigation into a single section to create stronger, more memorable store storytelling.

Video with Text Showcase Section

Motion Meets Bold Visual Messaging

Use video, highlighted text, imagery, and a linked CTA together to build a focused visual story that feels more editorial and expressive.

check-iconCombine video and static imagery in one balanced composition

check-iconUse large typography to make key messages more noticeable

check-iconHighlight selected bold words with a separate accent color

check-iconGive visitors direct control over video playback when enabled

check-iconAdd a clear CTA with a distinctive circular arrow icon

check-iconControl autoplay, looping, mute, and poster presentation

check-iconAdjust styling and spacing for a consistent Shopify layout

Do This, Skip That.

DO

  • do Use a short headline that works well at a large display size
  • do Highlight only the words that genuinely need extra emphasis
  • do Choose video and image content with the same visual direction
  • do Use a clear CTA label that explains the next destination
  • do Check mobile presentation when using very long heading text

DON'T

  • don't Don't use a long paragraph as the oversized main heading
  • don't Don't highlight too many words with the accent text color
  • don't Don't combine unrelated video and image content in one section
  • don't Don't use an unclear CTA label that hides where the link goes
  • don't Don't choose media with poor contrast against nearby content

Frequently Asked Questions

Can I upload my own Shopify-hosted video to this section?

Yes. The Featured Video setting lets you select a Shopify-hosted video as the layout's main visual.

Can I add a poster image to the featured video?

Yes. You can choose a separate Video Poster image to provide a defined visual for the video presentation.

Can I control autoplay, looping, and muted playback?

Yes. Autoplay, Loop, and Mute are separate settings that let you control how the featured video behaves for visitors.

Can visitors manually play and pause the video?

Yes. When the Play/Pause Button option is enabled, visitors can use the overlay control to manually start or pause the video.

How does the highlighted heading text work?

Text marked as bold inside the rich-text heading uses the separate highlighted heading color, helping selected words stand out from the rest of the heading.

Can I add a separate image alongside the video and heading?

Yes. The section includes a dedicated supporting image setting that adds another visual element alongside the oversized heading and video composition.

Can I add a CTA link to the section?

Yes. Add both a Link Label and Link to display a clickable CTA with a circular arrow icon beneath the main content area.

Help Center

support e-mail

We're Here to Help: We believe in providing exceptional customer support!

For Support or any Questions Email Us: [email protected]

Ready When You Are: Showcase Your Video with Text Showcase

Install SectionHub and add the Video with Text Showcase section to your theme in minutes - no coding required.