Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • We can use the cover image from YT or upload a different one to override it
  • Cover image override - jpeg
    • Face should not be perfectly centered, as it will be covered by the play button. We recommend cropping so the face is in the top third of the image.
    • For traditional, landscape videos
      • Dimensions: 1176x662px
      • Aspect ratio: 16:9
    • For vertical, social videos
      • Dimensions: 1170x1807px or 585x904px
      • Aspect ratio: 9:16

Documentation updates in progress

Variations

Columns

    Can choose
  • Choose to display 1, 2, 3, or 4 columns for desktop
  • Columns for smaller screen sizes will automatically be calculated

Badges

    For
  • Available for single column layout only
  • Badges can collapse
  • For mobile, badges can be listed out or collapsed into a dropdown
  • for mobile

*Add screenshot

Text/image

  • Display or hide card shadow

*Add screenshot

Video

  • Embed video on the page or have it open in a modal (popup window)
Video layout options

*Add screenshots

  • Large video in a single column
  • 50/50 layout with video next to copy
  • 3 or more vertical videos in 3 columns
  • 3 or more landscape videos in overflow layout

Implementation

Dev Notes

  • The block displays swiper arrows and creates swiping functionality when the content requires it. 
  • Click and drag swiping is disabled for video content on desktop.

...

Show Overflow

  • Video columns expand to fill the width of the page, with parts of the left and right cards will be partially overflow off the page
  • Randomize Order? - only available when Show Overflow is toggled to yes. 
    • When checked, the order of the videos will be randomized.
  • Adaptive autoheight is not necessary as the override images should always be the same size.

...