MINIMOG theme
Try Minimog freeResourcesOther solutions
  • What is Minimog theme?
  • Changelog
  • Refund policy
  • Support policy
  • Terms of Service
  • Getting started
    • Install Minimog theme
      • Install Minimog in 1-click fast way
      • Install Minimog manually
    • Add Custom code/ CSS correctly
    • Integrate Shopify Review apps
    • Mega menu
    • Theme license
      • Activate license
      • Extend/ Renew Theme Support
      • Transfer license
    • Update Minimog theme
    • FoxHome
  • Build for success series
    • Home page for Fashion stores like SKIMS 🔥
  • Page's global sections
    • Announcement bar
    • Age verifier pop-up
    • Header
    • Footer
    • Mobile sticky bar
    • Scaling logo
  • Theme sections
    • Before/ After image slider
    • Blog posts
    • Brand list
    • Cascading collection
    • Cascading product
    • Collapsible tabs
    • Collection image showcase
    • Collection showcase
    • Collage tab
    • Collection list
    • Collection tab
    • Countdown timer
    • Custom content
    • Favorite product slider
    • Featured collection
    • Featured product
    • Featured promotion
    • Featured products slider
    • Gallery images 🔥
    • Google Maps
    • Hotspot image
    • Instagram
    • Image with slider
    • Image cards
    • Image with text overlay
    • Image with text
    • Lookbook
    • Multiple image with text 🔥
    • Newsletter
    • Press
    • Product bundles
    • Product tabs
    • Product list banner
    • Promotion banner
    • Promotion countdown timer 🔥
    • Recently viewed products
    • Rich text
    • Scrolling promotion
    • Slideshow
    • Testimonials
    • Video
    • Video hero
  • Theme settings
    • General settings
    • Layout settings
    • Additional pages
    • Advanced
    • Animations
    • Article card
    • Badges
    • Cart settings
    • Checkout
    • Colors & Color schemes
    • Currency format
    • Drawer & pop-up
    • GDPR settings
    • Intergrated apps
    • Integration
    • Product card
    • Product inventory
    • Product options design
    • Product options swatches
    • Social sharing
    • Search
    • Section
    • Store contact
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Breadcrumb
      • Product information
      • Product information tabs
      • Product recommedations
      • Product description
      • Quick order list 🔥
    • Collection page
      • Collection template
      • Collection banner
      • Product listing
  • Other pages
    • 404 page
    • Blogs
    • Blog posts
    • Cart & Checkout
    • Password
    • Customize password page
  • FAQS
    • Generic
      • Add a Cookie Banner
      • Add a gift wrap option to my cart
      • Add/ Remove Social icons on footer
      • Customize search results
      • Hide sections on mobile/ desktop view
      • JavaScript events for developers
      • Set up an Age Verifier Pop-up
      • Show Payment icons on the Footer
      • Sticky header when scrolling
    • Collection page
      • Add custom badges to my product card
      • Change the default product order in collection
      • Move the collection description to under the product listing
      • Set up Filters for the collection pages
    • Product page
      • Add recipient fields to my gift card product
      • Remove the tax-included information in product page
      • Set up Local Pickup option
    • Shopify functions
      • Does Minimog support Section groups?
      • Migrate data in the Section groups supported version
    • Foxify freebie code - All you need to know
  • TROUBLESHOOTING
    • Can't upload my Minimog theme to Shopify
    • Contact form submissions not found
    • Currency format display
    • FoxKit features are duplicated
    • FoxKit stops working
    • Missing images when installing demos
    • Translation missing issue
    • Translation apps incompatibility
    • Why is my activated Show Account Icon option not showing?
    • I can't install FoxKit on March 2023
Powered by GitBook
On this page
  • How to add a Video hero
  • General settings
  • Container type
  • Section height
  • Video settings
  • Video type
  • Content settings
  1. Theme sections

Video hero

Learn to to add a background video - aka video hero, to create a dazzling visual effect!

PreviousVideoNextGeneral settings

Last updated 1 year ago

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

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

How to add a Video hero

Steps

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

  2. Select Video hero.

  3. Make necessary changes.

  4. Save the settings.

General settings

Container type

Set the container type of the section by selecting the relevant option:

  • Default: based on the Container max-width you set in Theme settings > Layout settings.

  • Full width: to span the content from right to left and takes the full 100% of the screen's width.

  • Use container box: based on the Container width you set in Theme settings > Layout settings.

Section height

Adjust the overall Height of the video.

Video settings

Video type

You can either:

  • Upload an external video (Vimeo and Youtube accepted).

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

  • Text size: set the size of the text as Medium or Large.

  • Text color: choose the text color for the video headings and description as Light or Dark.

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 link to your collections or products or any other page with two custom call-to-action buttons:

  • 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/ White button/ Underline button.

  • Button size: set the size of the button as small/ medium/ large.

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

Add a video you've added to your , or

Video section
Shopify Files
✨
Explore FoxEcom Affiliate Program now