Video Section Overview

1. Showcase Educational Tutorials: Share how-to videos to educate your customers about your products.
2. Offer Compelling Product Demos: Demonstrate the features and benefits of your products in action.
3. Display Customer Testimonials: Build trust by featuring real customers sharing their positive experiences.
4. Provide Entertaining Content: Add variety and engage visitors with entertaining video content related to your brand.

Video Section Configuration

For instructions on how to add a video section to your store, please refer to the Getting Started guide for Tapita Theme Sections Builder.

After adding your desired Video Section to your store, you can customize its content as follows within the Shopify Theme Editor:

Step 1: Under the Video section, click "Add video."

Step 2: Customize the video settings:

1. Preview Video: Select an image to use as a preview thumbnail for the video.
2. Main Video: Select the actual video file to play.
3. Heading: Insert the heading text for the video. 
4. Subheading: Insert the subheading text for the video. You can format the text with bold or italic styles. For both Heading and Subheading, you can
1. format the text with bold or italic styles.
   
2. use the "Generate Text" feature by describing what this text is about (for example, "a short description of the product" or "a compelling heading for a testimonial video") and the system will generate suggested text.
   
3. insert a link into the Heading or Subheading text.

You can configure the video section as follows:

1. Click on the video section
2. Configure the section header
1. Heading: Enter the main heading text for the section (e.g., "See Our Product in Action"). This is the primary title that will appear at the top of the video section.
2. Heading Size: Select a heading size ("Small," "Medium," or "Large").
3. Sub-Heading: Enter a sub-heading text.
4. Description: Enter a section description.
5. Alignment: Choose the text alignment ("Default" or "Center").
6. Button Label: Add text for the button label (optional).
7. Button Link: Add a URL for the button (optional).
   

1. Configure the section body:
1. Show Play/Pause Video Buttons: Enable to display play and pause buttons on the video. Disable to hide the buttons.
2. Play Only One Video at a Time: Enable to only allow one video to play at a time. Disabling this lets customers start multiple videos in the section at once
3. Show Nav: Enable to display navigation arrows for browsing through videos. Disable to hide the arrows.
4. Show Pagination: Enable to display pagination dots to indicate the number of videos. Disable to hide the dots.
5. Show Scroll Bar: Enable to display a scroll bar for browsing through videos. Disable to hide the scroll bar.
6. Auto Play: Enable to have videos play automatically. Disable to require manual play.
   
7. Choose Text Video Color: Enter the hexadecimal color code for the text of the video
8. Adjust Video Ratio: Sets the video ratio
   
9. Number of Columns: Select the number of columns for displaying videos on desktop, tablet, and mobile devices. This controls how many videos are displayed per row on different screen sizes, helping with responsive design.

1. Configure the section footer
1. Button Label: Enter the text for the button label (optional). This will add a button in the section's footer, if desired. Leave blank for no button.
2. Button Link: Enter a URL for the button (optional).

1. Configure the section layout
   
1. Background image: Choose a background image for the section (if desired).
   
2. Section Full Width: Toggle this setting to make the section span the full width of the screen. If disabled, customize the size at "Section max width."
   
3. Content Full Width: Toggle this setting to make the content within the section span its full width. If disabled, customize the size at "Content max width."
   
4. Padding and Margin: Adjust the padding and margin for the section on mobile, desktop, and tablet screens to control spacing.
   

1. Configure the section color
1. Background: Choose a color for the section background.
2. Background Gradient: Set a background gradient. This allows you to create a subtle color transition in the background instead of a solid color.
3. Foreground: Choose a color for the foreground elements.
4. Title: Choose a color for titles.
5. Button Background: Choose a color for button backgrounds. This determines the background color of any buttons within the section.
6. Button Text: Choose a color for button text. This sets the color of the text displayed on the buttons.
7. Input, button radius: Set border radius for input and button elements.
2. Configure the section optimize
1. Lazy Load Speed: The section will only load when it is scrolled to on the page, improving initial page load times.
   

Now you know how to customize the Tapita's Video Section to effectively showcase your products through engaging videos and drive sales with compelling visual storytelling! If you have any questions or need assistance, please don't hesitate to contact Tapita support.