Palo Alto 6.2.1 has been released
Release notes
Palo Alto Doumentation
NewSupport
Latest version
Latest version
  • Palo Alto theme documentation
  • Updates
    • What's new in Palo Alto
      • Release notes
      • About 6.2 Release
      • About 6.1 Release
      • About 6.0 Release
      • About 5.9 Release
      • About 5.8 Release
      • About 5.7 Release
      • About 5.6 Release
      • About 5.5 Release
      • About 5.4 Release
      • About 5.3 Release
  • Sections
    • Palo Alto sections
      • Explore the sections
      • Accordions
        • Text block
        • Page block
      • Accordions with images
        • Text block
        • Page block
      • Banner image
        • Subheading block
        • Heading block
        • Text block
        • Timer block
        • Buttons block
        • Video button block
      • Banner with text columns
        • Column block
      • Blog posts
      • Buttons list
        • Button block
      • Collection list
        • Collection block
      • Contact form
        • Form heading block
        • Email block
        • Message block
        • Text line block
        • Telephone block
        • Divider block
        • Single checkbox block
        • Select dropdown block
        • Radio buttons block
      • Countdown
        • Subheading block
        • Heading block
        • Text block
        • Timer block
        • Buttons block
        • Video button block
      • Custom code
      • Custom content
        • Image block
        • Text block
        • Newsletter block
        • Testimonial block
        • Product block
        • Video block
        • Collection block
      • Divider
      • Featured collection
        • Promo block
      • Featured product
      • Grid
        • Collection block
        • Product block
        • Image block
        • Text block
      • Icons row
        • Item
      • Image
      • Image accordions
        • Image block
      • Image with scrolling text
        • Scrolling text block
        • Subheading block
        • Heading block
        • Text block
        • Timer block
        • Buttons block
        • Video button block
      • Image with text
        • Subheading block
        • Heading block
        • Text block
        • Button block
        • Accordion block
      • Locations
        • Locations block
      • Marquee
        • Text block
        • Free shipping message block
        • Custom HTML block
        • Image block
      • Multi column
        • Text block
        • Image block
        • Menu block
        • Collection block
      • Newsletter
      • Overlapping images
      • Press/Logo
        • Press block
      • Products list
      • Products with image
      • Promotion row
        • Custom promo block
      • Recently viewed products
      • Shop the look banner
        • Product block
      • Shop the look grid
        • Product block
      • Shoppable blog posts
        • Article block
      • Slideshow
        • Slide block
      • Social gallery
        • Image block
      • Split images
        • Image block
      • Sticky image cards
        • Image card with text block
      • Sticky images and text
        • Sticky images and text: Horizontal
        • Image and text block
      • Tab collections
        • Collection - block
      • Testimonials
        • Testimonial block
        • Text block
      • Testimonials with images
        • Testimonial block
        • Text block
        • Image block
      • Text
        • Subheading block
        • Heading block
        • Text block
        • Split text block
        • Button block
        • Image block
        • Icon block
        • Icon row block
      • Text columns with images
        • Column block
      • Video
  • Theme Settings
    • Theme settings
      • How to make changes
      • Colors
      • Typography
      • Buttons
      • Product grid
      • Product form
      • Quick shop
      • Cart
      • Upsells
      • Loading overlay
      • Appearance
      • Animation
      • Badges
      • Swatches
      • Pagination
      • Search
      • Social media
      • Currency
      • Favicon
      • Size chart
      • Custom CSS
      • Theme style
  • Header
    • Announcement bar
      • Settings and blocks
      • Text
      • Free shipping message
      • Custom HTML
      • Target settings
      • Image
    • Header
      • Header settings
      • Mega menu
      • Logo
      • Highlighted link
      • Transparent header
    • Mobile menu
      • Menu
  • Footer
    • Footer
      • Settings and blocks
      • Logo
      • Text
      • Link list
      • Newsletter
      • Blog
  • Products
    • Product pages
      • Variant images
      • Settings and layout
      • Size chart tabs
      • Size chart metafields
      • Custom color swatches
      • Pre-order
      • Gift card product
      • Out of stock notification
      • Metaobjects
      • Creating new product page templates
    • Blocks
      • Product blocks
      • Title and price
      • Form
      • Product description
      • Cutline
      • Accordion
      • Upsell
      • Share button
      • Pickup availability
      • Custom code
      • Text
      • Icon
      • Icon row
      • Siblings
      • Inventory countdown
      • Popup text
      • Line item property
      • Divider
      • Feature
      • Complementary products
      • Badges
      • Timer
      • Fit guide
  • Collections
    • Collection pages
      • Filtering options
      • Custom product badges
      • Cutline
      • Catalog banner images
      • Collection pages promo
  • Cart
    • Palo Alto Cart
      • Cart types
      • Empty cart buttons
      • Free shipping message
      • Custom message
      • Terms and conditions
      • Upsell promotion
  • Pages
    • Page templates
  • Blogs
    • Blogs and articles
      • Settings and layout
      • Recommended posts
      • Creating blog page templates
  • Overlay
    • Popups
      • Popup with image
      • Popup small
      • Cookie consent
      • Popup behavior
  • Promotions
    • Upselling
      • Upsell promotions
  • Siblings
    • Product siblings
      • About product siblings
      • How to setup siblings
      • Define a metaobject
      • Add product list entries
      • Activate using a metafield
      • Bulk update sibling products
      • Siblings block
  • FAQ
    • Frequently asked questions
      • Updating your theme
      • Highlight words
      • Image aspect ratio
      • Recommended image sizes
      • Adding a section
      • Reordering sections
      • Sharing a preview link
      • Check your theme version
      • How to add custom fonts
      • Remove 'Powered by Shopify'
      • CSS customizations
  • License
    • Theme license
  • Support
    • Theme support policy
    • Contact support
    • Hire a Shopify expert
Powered by GitBook
On this page
  • Flexible
  • YouTube and Vimeo
  • Customize
  • Settings
Export as PDF
  1. Sections
  2. Palo Alto sections

Video

A powerful all-in-one video section for banners and building attention-grabbing promotions

PreviousColumn blockNextTheme settings

Last updated 14 days ago

With Palo Alto's video section, you can create affluent, modern, video-based promotional sections to enhance and showcase your brand, products, and services.

Flexible

The video section can loop MP4 or MOV format videos from your Shopify content library. Videos can also appear with a pop-up player, ideal for longer video content.

Palo Alto presents a clean branded experience for shoppers, including options to add separate poster images for desktop and mobile devices. These images will load first while your video is loading into the browser and then be replaced by the video content.

Adding videos to your store is perfect for creating attractive promotions. You can easily incorporate them into any page of your store.

YouTube and Vimeo

YouTube and Vimeo videos can only be displayed as Popup videos. Shopify can't control the ads and linked videos that YouTube or Vimeo display in the video, resulting in a very unprofessional background section.

If you need to use a YouTube or Vimeo video, we have a couple of recommendations:

  • To use as a background video, download the YouTube or Vimeo video and convert it to MP4 or MOV format. Then, you can simply add it to your Shopify library.

  • In the Popup section, you can add the YouTube or Vimeo URL for a Popup video. To represent the video, use a branded image or a still frame from the video.

Customize

Use the section settings to configure all the options for the video section.

  • To loop an MP4 or MOV video, select a supported video from your content library into the video option.

  • To use the optional popup feature, check the toggle option and select a video from your content library or a YouTube/Vimeo link address. In the section settings, lower down, find, and adjust the button style and colors to modify the play icon.

  • In the image section, add a branded image or still frame image for desktop and mobile options. These images will be used while your video is loading into the browser. The mobile version is optional but recommended with a taller portrait-style image. For desktop, we recommend a 16:9 aspect ratio image, and for mobile, an 18:9 or 19:9 aspect ratio image.

  • Under Layout, use the desktop and mobile height options to find the right size for the video and poster image. Desktop and mobile controls are available.

  • For a banner-style image, choose the full-width option or add padding when using it to promote a page that incorporates padding on the sides.

  • Add any optional text content with the heading and text settings. You can adjust the size for each of them.

  • You can configure a call-to-action button or use the button settings to customize the popup play button style. Two buttons can be displayed.

Settings

Watch this walkthrough video to learn how the settings and features work, including the popup and looping background video:

Settings
Type
Description

Layout

Desktop height

select

Sets the section height on desktop. Options include Full screen, Fractions of screen, or Fixed px values.

Enable mobile height

checkbox

Toggles custom height for mobile view.

Mobile height

select

Sets the section height on mobile devices if enabled.

Width

select

Controls the content width: Narrow, Normal, or Wide.

Content alignment

select

Aligns content within the video area. Positions include: Top right, Bottom left, Center, etc.

Video

Video background link

text

MP4 file used as the background video. Only accepts files uploaded in admin.

Video popup link

text

Link to popup video (YouTube, Vimeo, or MP4).

Image

image_picker

Placeholder image shown while video loads.

Text contrast

range

Sets overlay opacity behind text for better readability.

Text

Color

select

Chooses between Light or Dark text.

Heading

richtext

Main heading text. Supports HTML with optional emphasis.

Heading size

range

Adjusts heading size.

Highlight

Type

select

Style for emphasized words: Underline, Squiggle, Alternate font, etc.

Highlight color

color

Background or line color for the highlight style.

Text color

color

Text color within highlighted area.

Text

textarea

Optional descriptive text below heading.

Text size

range

Adjusts size of the supporting text.

Button 1

Text

text

Label for the first button.

Link

url

URL the button should link to.

Color

select

Button color theme: Primary, Secondary, White, or Black.

Button style

select

Style of the button: Solid, Outline, Text, or Solid with border.

Size

select

Size of the button: Small, Medium, or Large.

Button 2

Text

text

Label for the second button.

Link

url

URL the second button links to.

Color

select

Color theme for the second button.

Button style

select

Style of the second button.

Size

select

Size of the second button.

Looping MP4 or MOV video in the Video section