Video with Text

Video with Text

video-with-text-preview

This section allows users to display information, products, or collections alongside a video. First, configure the video as follows:

Section Body:

  1. Video Ratio: Select the video ratio.
  2. Choose a video to display.

Video Information:

  1. Color Scheme: Choose display colors (e.g., background, text color).
  2. Heading: Enter the title.
  3. Description: Enter a description.
  4. Button Label: Enter button text.
  5. Choose the number of columns to display on desktop, mobile, and tablet screens.
video-information-setting
Section Layout: 
  1. Color Scheme: Select a background color to use if no background image is displayed.
  2. Background: Choose a background image for the section (if desired).
  3. 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."
  4. 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."
  5. Padding and Margin: Adjust the padding and margin for the section on mobile, desktop, and tablet screens to control spacing.
  6. Section Optimize: Lazy Load Speed: The section will only load when it is scrolled to on the page, improving initial page load times.

section-layout-settings

To add blocks on the video, select Add Block and choose to add Information, Products, or Collections.


​
Customize each block as follows:
  1. Information Block:
    1. Color Scheme: Choose display colors for the block.
    2. Heading: Enter the title.
    3. Button: Enter button text, assign a link, and choose to display the link in a new window or the current window.
information-block-settings

  1. Product block:
    1. Color Scheme: Choose display colors for the block.
    2. Heading: Enter the title.
    3. Select up to two products.

product-block-settings
  1. Collections block:
    1. Color Scheme: Choose display colors for the block.
    2. Heading: Enter the title.
    3. Choose up to four collections to display.
    4. Image Ratio: Set the display ratio for collection images.
collection-block-settings