Sleek
Try Sleek freeResourcesOther solutions
  • What is Sleek theme
  • Changelog
  • Refund policy
  • Support policy
  • Getting started
    • Install Sleek theme
    • Set up my store as Sleek demo
    • Update Sleek theme
    • Theme license & Transfer
  • BUILD FOR SUCCESS SERIES
    • Homepage for Health & Beauty 🔥
  • Page's global sections
    • General settings
    • Announcement bar
    • Cart drawer
    • Header
      • Mega menu
      • Use Country/ Region selector
      • Use Language selector
    • Footer
    • Mobile navigation bar
    • Pop-up
    • Quick view
  • Theme sections
    • Before/ After image slider
    • Blog post
    • Card images
    • Collage tabs
    • Collapsible tabs
    • Collection image showcase
    • Collection list
    • Collections showcase
    • Collections slider
    • Contact form
    • Countdown timer
    • Custom content
    • Custom liquid
    • Email signup
    • Favorite products
    • Feature list
    • Featured product
    • Featured collection
    • Featured products tab
    • Highlight text with image
    • Image gallery
    • Image with text
    • Image with text columns
    • Image with text overlay
    • Layered images with text
    • Lookbook banner
    • Lookbook cards
    • Lookbook slider
    • Media with collection
    • Multicolumn
    • Press
    • Products bundle
    • Product tabs
    • Product showcase
    • Recently viewed products
    • Rich text
    • Scrolling promotion
    • Slideshow
    • Store locator
    • Testimonials
    • Video
    • Video hero
    • Video with text
  • Theme settings
    • General 🔥
    • Animations
    • Buttons
    • Custom CSS
    • Blog cards
    • Cart
    • Collection cards
    • Color swatches
    • Colors
    • Currency format
    • Layout
    • Logo
    • Product cards
    • Search behavior
    • Social media
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Page sections
        • Breadcrumbs
        • Product information
        • Related products
        • Sticky add to cart bar 🔥
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product grid
    • Collections list page
  • Other pages
    • 404 page
    • Blogs
    • Blog posts
    • Cart
    • Password
    • Search page
  • FAQs
    • Generic
      • Add gift wrap option to my cart
      • Combined listings app
      • How to add custom fonts in Sleek? 🔥
      • JavaScript events for developers
    • Product
      • Set up quantity rules and volume pricing 🔥
      • Add custom badges using product tags
      • Set up Local Pickup option
      • Show dynamic content for Products using Metafields 🔥
Powered by GitBook
On this page
  • How to add a Video with text
  • How to edit a Video with text
  • Section settings
  • Block settings
  1. Theme sections

Video with text

Learn how to feature combination of a video and text for a stunning visual display

PreviousVideo heroNextGeneral 🔥

Last updated 11 months ago

The Video with text section lets you showcase a video and a copy side-by-side to promote your products, offer, or brand's message.

It's designed to display a video with standard controls that will play with sound.

How to add a Video with text

Steps:

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

  2. Select a Video with text section.

  3. Make necessary changes.

  4. Save the settings.

How to edit a Video with text

Section settings

Video settings

  • Video: Select a video from Shopify Files or insert a YouTube or Vimeo video URL.

  • Cover image: The image that displays before a customer plays the video.

  • Video ratio: Set the ratio of the video.

  • Video alt text: Describe the video for customers using screen readers.

  • Enable video autoplay: Video are muted automatically to allow autoplay.

  • Enable video looping: Video is looped automatically.

  • Desktop video placement: Set where the video is placed compared to the content (Video first/ Video second) on desktop. For mobile view, the video comes first by default.

  • Enable parallax effect: Scroll the background and foreground layers at different speeds, creating vibrant animated scenes.

  • Parallax direction: Vertical/ Horizontal/ Zoom.

Content settings

  • Text alignment: Control whether your texts are centered, left-aligned, or right-aligned.

Block settings

You can choose to edit the following elements:

  • Heading - This will serve as the subject or title of your section. For this one, we suggest using a short, but clear title that will allow your customers to easily understand the message you're trying to convey.

  • Subheading - This will serve as the subtitle of your section.

  • Button - This is a call-to-action button allowing you to select a page or paste any link of your choice.

Drag to re-order any element you like within the section.

Text - This is displayed below the heading. This offers a set of rich text functions that allow formatting of the text like adding styles, links, or lists. To learn more, see Shopify's .

Rich Text Editor guide