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 InformationProducts, 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


    • Related Articles

    • Marquee Text

      This section allows you to display featured titles in a sliding format, highlighting key information or promotions on your page. General Settings: Select font display size: Choose the desired font size for the featured titles. Select number of ...
    • Two Image With Text

      This section allows users to showcase their collections on the homepage using images and specific content. The layout is divided into two parts, with an image on one side and content on the other. Configure and adjust the display position as follows: ...
    • Product Live

      This section enables users to showcase product videos on the homepage. When clicking on an image or the "watch now" button, the video is displayed in the center of the screen, with the related products on the right. Configure the following: Section ...
    • Image Comparison

      The Image Comparison section allows you to compare two products using an interactive slider. This section displays two images side-by-side with a slider in the middle. Customer can use the slider to compare two images side-by-side. Section Header: ...
    • Lookbook slider

      The Lookbook Slider section displays a main lookbook image on the left side of the screen, while the right side shows products from the lookbook as a slide. Configure this section as follows: Section Header: Heading: Enter the title. Heading Size: ...