Content & Library

Hero Section Shortcode

Estimated reading: 2 minutes 45 views

Display a featured hero/banner section for movies, series, or custom content.
Supports dynamic queries, sliders, autoplay, and fully customizable layouts.

Basic Usage

[movie_engine_hero]

Example

[movie_engine_hero post_type="movie_engine_movie" type="trending" limit="5" autoplay="true"]

Core Query

Controls which content is displayed in the hero section.

ParameterTypeDefaultDescription
post_typestringContent type (movie_engine_movie, movie_engine_series, etc.)
limitnumber5Number of items to display
idsstringComma-separated post IDs
typestringPredefined query (trending, new_releases, upcoming, top_rated)
orderbystringdateSorting method
orderstringDESCSort direction

Example

[movie_engine_hero post_type="movie_engine_movie" limit="5" orderby="date"]

Taxonomy Filters

Filter hero content using taxonomy values like genre, year, or language.

ParameterTypeDefaultDescription
genrestringGenre slug
yearstringYear slug
languagestringLanguage slug

Example

[movie_engine_hero genre="action" year="2024"]

Layout & Display

Control hero layout style and structure.

ParameterTypeDefaultDescription
layoutstringsliderLayout type (slider, single)
stylestringdefaultHero style variation
heightstringautoHero section height (px, vh)
overlaystringtrueEnable overlay background
overlay_opacitynumber70Overlay darkness (0–100)

Example

[movie_engine_hero layout="slider" overlay="true" overlay_opacity="80"]

Slider Options

Only applies when layout="slider".

ParameterTypeDefaultDescription
autoplaystringfalseEnable autoplay
autoplay_speednumber3000Delay between slides
loopstringtrueInfinite loop
pause_on_hoverstringtruePause on hover
show_dotsstringtrueShow navigation dots

Example (Slider)

[movie_engine_hero autoplay="true" autoplay_speed="5000" loop="true"]

Content Visibility

Control what appears inside each hero item.

ParameterTypeDefaultDescription
show_titlestringtrueShow title
show_metastringtrueShow metadata (year, duration)
show_descriptionstringtrueShow description
show_buttonsstringtrueShow action buttons
show_ratingstringtrueShow rating
show_viewsstringfalseShow views

Example

[movie_engine_hero show_description="false" show_views="true"]

Action Buttons

Control hero CTA buttons.

ParameterTypeDefaultDescription
show_watch_nowstringtrueShow Watch Now button
show_watch_laterstringtrueShow Watch Later
show_trailerstringtrueShow Trailer button
show_add_to_liststringtruePlaylist button

Example (Buttons)

[movie_engine_hero show_watch_now="true" show_trailer="false"]

Styling

ParameterTypeDefaultDescription
custom_classstringCustom CSS class

Supported Values

post_type

  • movie_engine_movie
  • movie_engine_series
  • movie_engine_season
  • movie_engine_episode

type

  • trending
  • new_releases
  • upcoming
  • top_rated

layout

  • slider
  • single

Related Shortcodes

  • movie_engine_library
  • movie_engine_grid

Behavior Notes

  • If ids is set → overrides all queries
  • If type is used → overrides orderby
  • The slider is disabled when there is only 1 item
  • Uses featured image/backdrop as background

Example Shortcodes

Trending Hero

[movie_engine_hero type="trending" limit="5"]

Single Featured Movie

[movie_engine_hero ids="123"]

Hero Slider with Autoplay

[movie_engine_hero layout="slider" autoplay="true" autoplay_speed="4000"]

Share this Doc

Hero Section Shortcode

Or copy link

CONTENTS