Video with text

Helpful links

1. https://help.shopify.com/en/manual/online-store/themes/customizing-themes/edit/theme-editor

2. https://help.shopify.com/en/manual/online-store/themes/theme-structure/templates

3. https://help.shopify.com/en/manual/online-store/themes/theme-structure/sections-and-blocks

4. https://help.shopify.com/en/manual/online-store/themes/theme-structure/sections-and-blocks#metafields-and-dynamic-sources

Reference videos

Overview

The Video with text section allows you to create engaging, multimedia-rich displays by pairing video content with customizable text. This flexible section is ideal for storytelling, product highlights, or emphasizing key messages. You can tailor the arrangement and presentation to complement your brand and draw attention to your content.

⚠️ Important: Use the Video with text section to combine video and text dynamically for greater impact, helping your message stand out in an immersive and interactive way.

Section layout and content arrangement

This setting group controls how your content is displayed and aligned within the Video with text section. By adjusting alignment and stacking, you can create layouts that are visually appealing and easy to read on any device.

Content alignment determines the vertical position of your content blocks. The available options are top, center, or bottom. This setting allows you to align content to suit your aesthetic or highlight certain elements.

Stack on mobile enables a single-column, vertical display of content when viewed on smaller screens. This improves readability and user experience on phones and tablets.

Stack on desktop applies vertical stacking even on larger screens, perfect for focused storytelling or editorial layouts.

Display full width on mobile allows content to stretch edge-to-edge on mobile devices, resulting in a bold, immersive look. The default for this setting is off.

💡 Tip: Adjust alignment and stacking options to keep your content well-balanced and accessible, making it visually appealing across all devices.

Supported block types

The Video with text section supports up to four blocks per section, giving you maximum flexibility with your content presentation.

1. Rich text
   Add formatted headings, subheadings, descriptions, and buttons for detailed storytelling or calls to action.

2. Video
   Embed videos from external sources or uploads, with robust controls for playback and display.

📝 Note: You can include and arrange up to four blocks per section for creative control and impactful layouts.

Usage notes

Preview the section on both mobile and desktop to ensure optimal alignment, stacking, and visibility. Always use optimized videos and images to maintain fast loading times and smooth performance.

Enhance accessibility by providing high-contrast text, clear button labels, and descriptive captions or icons. Consistently pairing strong video and text in this section helps you craft experiences that are both engaging and easy for users to navigate.

⚠️ Important: Focus on accessible design, clear content order, and optimal contrast to make your section enjoyable and usable for everyone.

With these features, the Video with text section becomes a versatile and powerful way to showcase multimedia stories, product launches, or brand highlights throughout your site.