Template: Standard 1-Page

The following is an overview of how settings control this template.

Header

The header area of the site is made up of several elements.

  • Gradient: The buttons area has a gradient applied that appears over the Background Image or Video.  This uses the color value defined in the Background Color control in the Style Guide.
  • Hamburger Menu: This appears in the upper left corner of the page.  It's color (white, black) is defined by the Theme in the Style Guide.
  • Buttons: The styling is managed by several Style Guide controls.
    • Button Background
    • Border
    • Border Width px
    • Border Radius px
    • Button Text
  • Button Display: The three buttons display under the following conditions.
    • Get Tickets: When the Showtimes function is active.
    • Watch Trailer: When a video file has been linked.
    • Share: When one or more Social options have been added.

Hero Image

This area can display multiple elements.  In this example, three images (Scroll, Overlay, Background Image) are stacked on top of one another.  This allows the images to behave independently as screen size / proportions change.

  • Scroll: Appears / disappears based on the user's location on the page.  This element is always white with a drop shadow.
  • Overlay: This generally used for the Title Treatment.  This image will remain constrained to not exceed it own size, the size of the background image, and will remain fully visible.
  • Background Image: This is the main image for the title.  This image remains constrained by height, but the width is allowed to exceed the viewable area of the screen.


About

This area displays the one sheet and synopsis for the title.

  • Background color: The background color of the page.  This uses the color value defined in the Background Color control in the Style Guide.
  • One Sheet
  • Synopsis: This is managed via the Synopsis field in the About tab.

Showtimes

This area, if activated, displays the showtimes for the title.

  • Buttons / Selected Date: These are managed by the same button controls for the header.
  • Date Selection Background: This is managed by the Secondary Background setting in the Style Guide.
  • Location Text Box: This is managed by the Border and Border Width px settings in the Style Guide.
  • Text: This is managed by the Text setting in the Style Guide.
  • Links (e.g Theater Name): This is managed by the Link setting in the Style Guide.
  • Phone Icon: It's color (white, black) is defined by the Theme in the Style Guide.

This area is activated by the upload of one or more images in the Image Gallery tab.

  • Navigation Arrows: Their color (white, black) is defined by the Theme in the Style Guide.
  • Text: This is managed by the Text setting in the Style Guide.
  • Active Bullet: This is managed by the Button Background setting in the Style Guide.

Rating Block and Footer

This area contains the optional rating block and footer details.

  • Rating Block: Section collapses if no image is present.

There are three sections of the footer.

  • Distributor Logo
  • Copyright
  • Privacy Policy