You are here

Home » API reference » Drupal 10

views-view--frontpage.html.twig in Drupal 10

Same filename in this branch
  1. 10 core/themes/olivero/templates/views/views-view--frontpage.html.twig
  2. 10 core/modules/views/tests/modules/views_test_data/templates/views-view--frontpage.html.twig
Same filename and directory in other branches
  1. 8 core/modules/views/tests/modules/views_test_data/templates/views-view--frontpage.html.twig
  2. 9 core/modules/views/tests/modules/views_test_data/templates/views-view--frontpage.html.twig

Default theme implementation for the frontpage view template.

Available variables:

  • attributes: Remaining HTML attributes for the element.
  • 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

core/modules/views/tests/modules/views_test_data/templates/views-view--frontpage.html.twig
View source 
  1. {#

  2. /**

  3.  * @file

  4.  * Default theme implementation for the frontpage view template.

  5.  *

  6.  * Available variables:

  7.  * - attributes: Remaining HTML attributes for the element.

  8.  * - css_name: A CSS-safe version of the view name.

  9.  * - css_class: The user-specified classes names, if any.

  10.  * - header: The optional header.

  11.  * - footer: The optional footer.

  12.  * - rows: The results of the view query, if any.

  13.  * - empty: The content to display if there are no rows.

  14.  * - pager: The optional pager next/prev links to display.

  15.  * - exposed: Exposed widget form/info to display.

  16.  * - feed_icons: Optional feed icons to display.

  17.  * - more: An optional link to the next page of results.

  18.  * - title: Title of the view, only used when displaying in the admin preview.

  19.  * - title_prefix: Additional output populated by modules, intended to be

  20.  *   displayed in front of the view title.

  21.  * - title_suffix: Additional output populated by modules, intended to be

  22.  *   displayed after the view title.

  23.  * - attachment_before: An optional attachment view to be displayed before the

  24.  *   view content.

  25.  * - attachment_after: An optional attachment view to be displayed after the

  26.  *   view content.

  27.  *

  28.  * @see template_preprocess_views_view()

  29.  *

  30.  * @ingroup themeable

  31.  */

  32. #}

  33. <div{{ attributes }}>

  34.   {% if header %}

  35.     <div class="view-header">

  36.       {{ header }}

  37.     </div>

  38.   {% endif %}

  39.   {% if exposed %}

  40.     <div class="view-filters">

  41.       {{ exposed }}

  42.     </div>

  43.   {% endif %}

  44.   {% if attachment_before %}

  45.     <div class="attachment attachment-before">

  46.       {{ attachment_before }}

  47.     </div>

  48.   {% endif %}

  49. 

  50.   {% if rows %}

  51.     <div class="view-content">

  52.       {{ rows }}

  53.     </div>

  54.   {% elseif empty %}

  55.     <div class="view-empty">

  56.       {{ empty }}

  57.     </div>

  58.   {% endif %}

  59. 

  60.   {% if pager %}

  61.     {{ pager }}

  62.   {% endif %}

  63.   {% if attachment_after %}

  64.     <div class="attachment attachment-after">

  65.       {{ attachment_after }}

  66.     </div>

  67.   {% endif %}

  68.   {% if more %}

  69.     {{ more }}

  70.   {% endif %}

  71.   {% if footer %}

  72.     <div class="view-footer">

  73.       {{ footer }}

  74.     </div>

  75.   {% endif %}

  76.   {% if feed_icons %}

  77.     <div class="feed-icons">

  78.       {{ feed_icons }}

  79.     </div>

  80.   {% endif %}

  81. </div>

Related topics

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