Megamog
Try Megamog freeResourcesOther solutions
  • What is Megamog theme?
  • Changelog
  • Refund policy
  • Support policy
  • Terms of Service
  • Getting started
    • Install Megamog theme
      • Install Megamog in 1-click fast way
      • Install Megamog manually
    • Add Custom code/ CSS correctly
    • Integrate Shopify Review apps
    • Mega menu
    • Purchase code & activation
    • Update Megamog theme
    • FoxHome
  • Build for success series
    • Product page for Beauty store like Kylie Jenner 🔥
    • Landing page for Fashion store like Bremont
  • Page's global sections
    • Announcement bar
    • Age verifier pop-up
    • Header
    • Footer
    • Mobile sticky bar
  • Theme sections
    • Before/ After image slider
    • Blog posts
    • Brand list
    • Collapsible content
    • Collection spotlight
    • Collection list
    • Collection links
    • Countdown timer
    • Custom content
    • Favorite product slider
    • Featured collection
    • Featured product
    • Featured promotion
    • Featured products slider
    • Google Maps
    • Image banner
    • Image with text
    • Instagram
    • Lookbook
    • Newsletter
    • Press
    • Product tabs
    • Recently viewed products
    • Scrolling promotion
    • Slideshow
    • Testimonials
    • Video
    • Video hero
    • Banner grid
    • Multiple columns
    • Store locator
  • Theme settings
    • General settings
    • Layout settings
    • Additional pages
    • Advanced
    • Animation
    • Article card
    • Badges
    • Cart settings
    • Checkout
    • Colors & Color schemes
    • Corner radius
    • Currency format
    • GDPR settings
    • Intergrated apps
    • Integration
    • Pop-up & drawer
    • Product card
    • Product options design
    • Product options swatches
    • Social sharing
    • Search settings
    • Store contact
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Page sections
        • Breadcrumb
        • Product information
        • Product information tabs
        • Product recommedations
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product listing
  • Other pages
    • 404 page
    • Blogs
    • Blog posts
    • Cart & Checkout
    • Password
  • FAQS
    • Add a gift wrap option to my cart
    • Add custom badges to my product card
    • Add recipient fields to my gift card product
    • Add/ Remove Social icons in footer
    • Change the default product order in collection
    • Customize search results
    • Move the collection description to under the product listing
    • Remove the tax-included information in product page
    • Set up local pickup
    • Show Payment icons on the Footer
  • TROUBLESHOOTING
    • Contact form submissions not found
    • Translation apps incompatibility
Powered by GitBook
On this page
  • Section settings
  • Video settings
  • Content settings
  • Block settings
  1. Theme sections

Video hero

A guide to add a background video

PreviousVideoNextBanner grid

Last updated 3 months ago

The Video hero section displays an auto-playing video (without sound) to add dynamism to your page.

If you want to add a Vimeo or YouTube video, that includes sound, you should use the instead.

In this article, we will show you how to add and edit a Video hero section.

Steps:

  1. In the theme editor (Customize), click Add section.

  2. Select Video hero.

  3. Make necessary changes.

  4. Save the settings.

Section settings

Video settings

Video type

Set your Video height and the Video type you want to use.

Video type as Shopify hosted requires a .mp4 video file uploaded to your Shopify files.

After selecting the video type, add the video link or select from your Files.

Content settings

  • Content in container box: select the checkbox if you want the content to show inside the Container width that is set in Theme settings > Layout settings.

  • Content position: use the dropdown options to change the position of the content on the video (desktop view). Available positions are:

    • Top left

    • Top center

    • Top right

    • Middle left

    • Middle center

    • Middle right

    • Bottom left

    • Bottom center

    • Bottom right

  • Content alignment: Left/Center/Right.

  • Select the Overlay color and Overlay opacity.

Block settings

You can add some custom texts or leave them blank to display the video on its own:

  • Heading: enter heading text to display as a section title.

  • Subheading: enter subheading text to display below the heading.

  • Text: enter a description or extra info to your video. Use the formatting buttons to add bold, italic, or linked text.

You can add a CTA button to redirect visitors to your desired page.

  • Button label: add custom text for your call-to-action button.

  • Button link: select or paste a link for the call-to-action button.

  • Button style: select the style of the button as a Primary button/ Secondary button/ Outline/ Underline/ Plain.

You can either add a video you've added to your , or an external video (Vimeo and Youtube accepted).

Shopify Files
Video section