Piano Shopify | Documentation
Live chat with our Shopify expert.Submit a Ticket
  • Webibazaar Support
  • Piano Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
  • Quick view
  • Sections
    • Collection list
    • Scrolling bar
    • Image with text
    • Featured collection
    • Text with icons
    • Featured product
    • Lookbook
    • Logo list
    • Video
    • Testimonials
    • Blog posts
    • Multistore
    • Social media gallery
    • Newsletter
    • Slideshow
    • Multicolumn
    • Image banner
    • Collapsible content
    • Contact form
    • Rich text
    • Image comparison
    • Spacer
    • Offer banner
    • Countdown date in product card
  • Footer
  • Age verification popup
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Buttons
    • Theme rounded
    • Cards
      • Label metafield [Badges]
    • Color swatches
    • Social media
    • Default search
    • Currency format
    • Cart
    • Checkout
    • Custom CSS
  • Product page
    • Short description
    • Product desciption
    • Product detail
    • Countdown timer
    • 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.7
    • Version 1.0.6
    • Version 1.0.5
    • Version 1.0.4
    • 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

Video

PreviousLogo listNextTestimonials

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

Make section full width

By enabling this checkbox, you can make section full width.

Heading

Enter text to display as a title in the section.

Hide heading

By enabling this checkbox, you have the ability to hide section heading.

Enable space between video block

Allows you to set a gap between video blocks for better spacing and visual appeal

Block width ratio

Customization of the "Block width ratio" in the video section is as follows:

  • 40-60

  • 50-50

  • 60-40

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.

Auto play video

By enabling "Auto play video" the video will automatically start playing.

Enable controls

You can enable the video controls to start and stop the video.

Mute video

By enabling this checkbox, you can mute the video.

Color scheme

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

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

Add video

Click on "Add video" and its customization is as follows.

Block
Description

Shopify hosted video

Video Use only the MP4 video here. Or embed video from URL Add Youtube, Vimeo URL and display the video. Cover image You will add a cover image, which will appear on the video.

Enable play button

By enabling this checkbox, you can show the play button on the video.

Video alt text

Add alt text to describe the video for customers using screen readers.

Icon

Using this feature will display selected icon next to the content

Subheading

Enter text to display as a subheading in the section.

Heading

Enter text to display as a heading in the section.

Heading size

Customization of "Heading size" is as follows:

  • Small

  • Medium

  • Large

Description

Enter text to display as a description in the section.

Button label

Use "Label" to add a text to the Button in the section.

Icon

Using this feature will display selected icon next to the button label.

Button link

Use "Button link" to add a link to the Button in the section.

Open this link in a new window

By using the "Open this link in a new window" option, the link will open in a new tab.

Button style

Customization of the button style in this section is as follows:

  • As a link

  • No fill

  • Fill

Content text alignment

Customization of the content alignment in this section is as follows:

  • Left

  • Center

  • Right

Vertical content alignment

Customization of the vertical content alignment in this section is as follows:

  • Top

  • Middle

  • Bottom

Horizontal content alignment

Customization of the horizontal content alignment in this section is as follows:

  • Left

  • Center

  • Right

Show container

When 'Show container' is enabled, the video content container box will be visible.

Container overlay opacity

By enabling this checkbox, you have the ability to change the container overlay opacity. Modify the "Container overlay opacity" setting to increase or decrease the opacity level of the overlay on the video content.

Enable glass effect

Allows you to enable a glass-like effect for a modern and stylish appearance.

Background color

Modifying the color of the content background will result in a corresponding color change for the content background.

Color scheme

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

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

Live Chat Support | Webibazaar Template
Logo