Shopify Video with Text Section

Description of the Section

The "Video with Text" section allows you to seamlessly integrate a video alongside a textual description on your Shopify store. This section is flexible, offering various customization options such as text size, font selection, alignment, background colors, and button styles. The layout ensures your content is visually appealing and captures the attention of your audience.

Demo of the Section

Installation Instructions

1. Download the Sections Pro app on the Shopify App Store
2. Open the app and navigate to Free Sections
3. Search for "Video with Text"
4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-commerce Store

1. Product Highlight: Use this section to showcase a new product with a promotional video on one side and an engaging product description on the other.

2. Customer Testimonials: Display customer testimonials in video format alongside text summaries or key points from the testimonials.

3. How-to Guides: Provide instructional videos paired with step-by-step textual instructions to help customers use your products effectively.

4. Brand Story: Share your brand’s story with a compelling video and a brief narrative to connect with your customers on a deeper level.

5. Sales Promotions: Announce sales or special promotions with an eye-catching video and relevant details in the accompanying text.

Overview of the Configuration Settings

1. Font

   • Override theme fonts: Checkbox to enable custom fonts over theme fonts.
   • Text Font: Choose the font for the text content.
   • Headline Font: Choose the font for the headlines.

2. Text

   • Text Size: Adjust the size of the text.
   • Text Line Height: Select the line height for the text.
   • Text Color: Set the color of the text.
   • Headline Size: Adjust the size of the headlines.
   • Headline Line Height: Select the line height for the headlines.
   • Headline Color: Set the color of the headlines.

3. Background

   • Background Color: Choose the background color or gradient for the section.

4. Dimensions

   • Max Width of Section: Set the maximum width of the section.
   • Padding Top/Bottom/Left/Right: Adjust padding on all sides of the section.
   • Spacing between Elements: Set the spacing between different elements in the section.
   • Grid Spacing: Define the spacing within the grid layout.
   • Grid Column Size: Choose the size ratio of the grid columns.

5. Content

   • Video Location: Position the video to the left or right of the text.
   • Video Aspect Ratio: Choose the aspect ratio for the video.
   • Text Alignment: Align the text (left, center, right).
   • Headline: Add the headline text.
   • Content: Add the main content text.
   • Link Text: Define the text for the call-to-action button.
   • Link: Provide the URL for the call-to-action button.

6. Video

   • Video: Upload or select the video.
   • Play Inline: Toggle video play inline.
   • Autoplay: Enable or disable video autoplay.
   • Loop Video: Toggle video looping.
   • Show Video Controls: Display or hide video controls.
   • Mute Video: Toggle video mute.
   • Show Big Play Button: Show or hide the large play button overlay.

7. Button Style

   • Button Background Color: Choose the background color or gradient for the button.
   • Button Text Color: Set the color of the button text.
   • Button Text Size: Adjust the size of the button text.
   • Button Padding Top/Bottom: Define top and bottom padding for the button.
   • Button Padding Left/Right: Define left and right padding for the button.
   • Button Border Radius: Adjust the border radius of the button.

By using these settings, you can create a fully customized and engaging "Video with Text" section tailored to your store’s needs.