Video with Text

Video with Text


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

    • Video Ratio: Select the video ratio.

    • Choose a video to display.

  • Video Information:

    • Color Scheme: Choose display colors (e.g., background, text color).

    • Heading: Enter the title.

    • Description: Enter a description.

    • Button Label: Enter button text.

    • Choose the number of columns to display on desktop, mobile, and tablet screens.



  • Section Layout:

    • Color Scheme: Select a background color if no background image is displayed.

    • Background: Choose a background image if available.

    • Section Full Width: Select or deselect (if unselected, customize size at Section max width).

    • Content Full Width: Choose full width for content (if not, customize at Content max width).

    • Adjust padding and margin on mobile, desktop, and tablet screens.

    • Section Optimization:

      • Lazy Load Speed: The section loads only when scrolling to it on the page.


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


Customize each block as follows:

  • Information Block:

    • Color Scheme: Choose display colors for the block.

    • Heading: Enter the title.

    • Button: Enter button text, assign a link, and choose to display the link in a new window or the current window.

A screenshot of a phone

Description automatically generated

  • Product Block:

    • Color Scheme: Choose display colors for the block.

    • Heading: Enter the title.

    • Select up to two products.

A screenshot of a phone

Description automatically generated

  • Collection Block:

    • Color Scheme: Choose display colors for the block.

    • Heading: Enter the title.

    • Choose up to four collections to display.

    • Image Ratio: Set the display ratio for collection images.

A screenshot of a phone

Description automatically generated

    • Related Articles

    • Marquee Text

      This is the section that helps you put featured titles on the page in slider form. General Select font display size Select number of seconds to display content on page Section Layout: Color Scheme: Select a background color if no background image is ...
    • 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 ...
    • Gallery Slider

      The Gallery Slider section displays images and text combined in a slide format on the page. Configure as follows: Section Header: Heading: Enter the title. Heading Size: Select the display size for the title. Sub-heading: Enter the sub-heading if ...
    • Image Comparison

      This section allows users to compare two products on the page and configure display settings as follows: Section Header: Heading: Enter the title. Heading Size: Select the display size for the title. Sub-heading: Enter the sub-heading if any. ...