views-view.html.twig in Zircon Profile 8.0

Default theme implementation for main view template.

Available variables:

• attributes: Remaining HTML attributes for the element including:
  • class: HTML classes that can be used to style contextually through CSS, including:
    • view
    • view-[css_name]
    • view-id-[view_name]
    • view-display-id-[display_name]
    • view-dom-id-[dom_id]
• css_name: A css-safe version of the view name.
• css_class: The user-specified classes names, if any.
• header: The optional header.
• footer: The optional footer.
• rows: The results of the view query, if any.
• empty: The content to display if there are no rows.
• pager: The optional pager next/prev links to display.
• exposed: Exposed widget form/info to display.
• feed_icons: Optional feed icons to display.
• more: An optional link to the next page of results.
• title: Title of the view, only used when displaying in the admin preview.
• title_prefix: Additional output populated by modules, intended to be displayed in front of the view title.
• title_suffix: Additional output populated by modules, intended to be displayed after the view title.
• attachment_before: An optional attachment view to be displayed before the view content.
• attachment_after: An optional attachment view to be displayed after the view content.

See also

template_preprocess_views_view()

File

themes/zircon/templates/views/views-view.html.twig

{#
/**
 * @file
 * Default theme implementation for main view template.
 *
 * Available variables:
 * - attributes: Remaining HTML attributes for the element including:
 *   - class: HTML classes that can be used to style contextually
 *     through CSS, including:
 *     - view
 *     - view-[css_name]
 *     - view-id-[view_name]
 *     - view-display-id-[display_name]
 *     - view-dom-id-[dom_id]
 * - css_name: A css-safe version of the view name.
 * - css_class: The user-specified classes names, if any.
 * - header: The optional header.
 * - footer: The optional footer.
 * - rows: The results of the view query, if any.
 * - empty: The content to display if there are no rows.
 * - pager: The optional pager next/prev links to display.
 * - exposed: Exposed widget form/info to display.
 * - feed_icons: Optional feed icons to display.
 * - more: An optional link to the next page of results.
 * - title: Title of the view, only used when displaying in the admin preview.
 * - title_prefix: Additional output populated by modules, intended to be
 *   displayed in front of the view title.
 * - title_suffix: Additional output populated by modules, intended to be
 *   displayed after the view title.
 * - attachment_before: An optional attachment view to be displayed before the
 *   view content.
 * - attachment_after: An optional attachment view to be displayed after the
 *   view content.
 *
 * @see template_preprocess_views_view()
 *
 * @ingroup themeable
 */
#}
<div{{ attributes }}>
  {% if header %}
    <div class="view-header">
      {{ header }}
    </div>
  {% endif %}
  {% if exposed %}
    <div class="view-filters">
      {{ exposed }}
    </div>
  {% endif %}
  {% if attachment_before %}
    <div class="attachment attachment-before">
      {{ attachment_before }}
    </div>
  {% endif %}

  {% if rows %}
    <div class="view-content">
      {{ rows }}
    </div>
  {% elseif empty %}
    <div class="view-empty">
      {{ empty }}
    </div>
  {% endif %}

  {% if pager %}
    {{ pager }}
  {% endif %}
  {% if attachment_after %}
    <div class="attachment attachment-after">
      {{ attachment_after }}
    </div>
  {% endif %}
  {% if more %}
    {{ more }}
  {% endif %}
  {% if footer %}
    <div class="view-footer">
      {{ footer }}
    </div>
  {% endif %}
  {% if feed_icons %}
    <div class="feed-icons">
      {{ feed_icons }}
    </div>
  {% endif %}
</div>

Related topics

Theme system overview

Functions and templates for the user interface that themes can override.