Koto Documentation
  • Webibazaar Support
  • Koto Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
    • Collection icons
    • Secondary menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Sections
    • Slideshow
    • Promotion card
    • Gallery with text overlay
    • Featured collection
    • Image with text
    • Rich text
    • Logo list
    • Featured product
    • Multiple video with products
    • Blog posts
    • Social media
    • Text with icons
    • Map
    • Collection list
    • Multicolumn
    • Collapsible content with image
    • Newsletter
    • Contact form
    • Video
    • Notice
    • Scrolling promotion
    • Single banner
    • Promotion code
    • Category products
    • Testimonial
  • Footer
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Advanced
    • Sticky bottom bar
    • Inputs and buttons
    • Carousels
    • Corner radius
    • Product cards
    • Badges
    • Social media
    • Search
    • Currency format
    • Cart
    • Custom CSS
  • Product page
    • Quick order list
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Combine listing
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Sections

Multiple video with products

PreviousFeatured productNextBlog posts

Last updated 8 months ago

When users need to show video-related information they can use this section for displaying videos with text.

Setting
Description

Remove section spacing

By enabling this checkbox, you can remove spacing of the section.

Color scheme

In this section, you can change the background and foreground color of the section using the color scheme:

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Layout

Customization of the "Layout" in this section is as follows:

  • Wide

  • Container

Heading

Text

Enter text to defines the main heading of the section.

Text color

You can customize the foreground color of the heading by using the color option.

Size

Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Alignment

Customization of the "Alignment" in this is as follows:

  • Left

  • Center

Display type

Customization of the "Display type" in the section is as follows:

  • Grid

  • Carousel

Play video on loop

Enabling "Play video on loop" will result in the video continuously looping. When the video finishes playing, it will automatically restart.

Video height on desktop

"Video height on desktop" is to specify video height in desktop device. You can set the minimum of “400px” and a maximum of “800px” height.

Video height on mobile

"Video height on mobile" is to specify video height in mobile device. You can set the minimum of “350px” and a maximum of “600px” height.

Desktop video position

Customization of the "Desktop video position" in this is as follows:

  • Left

  • Right

Product

Show products

Enable this checkbox to show products, that were added in each block.

Position

Customization of the "Product position" in this is as follows:

  • Over the video

  • Below the video

Color scheme

In this section, you can change the background and foreground color of the product using the color scheme:

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Carousel

Style

The style of the navigation that appears below the images:

  • None

  • Dots

  • Arrows

Disable arrows in mobile

Enable this checkbox to hide slider arrow from this section.

Enable autoplay

Enable this checkbox to automatically rotate the images in the featured collection. Autoplay interval Use the bar to set the auto-rotate time of the product slide. You can set a minimum of “3” seconds and a maximum of “9” seconds.

Add block

To add block to the video with text section, click on the 'Add block'. There are many options available , as you can see in the below points and screenshot.

Block
Description

video

Enter MP4 video to display on the block.

Product

Select a product to display selected product in the block.

Live Chat Support | Webibazaar Template
Logo