panels-twocol-stacked.html.twig in Panels 8.3

Template for a 2 column panel layout.

This template provides a two column panel display layout, with additional areas for the top and the bottom.

Variables:

• $id: An optional CSS id to use for the layout.
• $content: An array of content, each item in the array is keyed to one panel of the layout. This layout supports the following sections:
  • content.top: Content in the top row.
  • content.left: Content in the left column.
  • content.middle: Content in the middle column.
  • content.right: Content in the right column.
  • content.bottom: Content in the bottom row.

File

layouts/twocol_stacked/panels-twocol-stacked.html.twig

{#
/**
 * @file
 * Template for a 2 column panel layout.
 *
 * This template provides a two column panel display layout, with
 * additional areas for the top and the bottom.
 *
 * Variables:
 * - $id: An optional CSS id to use for the layout.
 * - $content: An array of content, each item in the array is keyed to one
 *   panel of the layout. This layout supports the following sections:
 *   - content.top: Content in the top row.
 *   - content.left: Content in the left column.
 *   - content.middle: Content in the middle column.
 *   - content.right: Content in the right column.
 *   - content.bottom: Content in the bottom row.
 */
#}
<div class="panel-2col-stacked" {% if css_id %}{{ css_id }}{% endif %}>
  <div class="panel-panel panel-full-width">
    {{ content.top }}
  </div>

  <div class="panel-panel">
    {{ content.left }}
  </div>

  <div class="panel-panel">
    {{ content.right }}
  </div>

  <div class="panel-panel panel-full-width">
    {{ content.bottom }}
  </div>
</div>