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. 9 core/themes/olivero/templates/views/views-view--frontpage.html.twig

Theme override 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.
  • dom_id: Unique id for every view being printed to give unique class for Javascript.

See also

template_preprocess_views_view()

File

core/themes/olivero/templates/views/views-view--frontpage.html.twig
View source 
  1. {#

  2. /**

  3.  * @file

  4.  * Theme override 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.  * - dom_id: Unique id for every view being printed to give unique class for

  28.  *   Javascript.

  29.  *

  30.  * @see template_preprocess_views_view()

  31.  *

  32.  * @ingroup themeable

  33.  */

  34. #}

  35. 

  36. {%

  37.   set classes = [

  38.     'view',

  39.     'view-' ~ id|clean_class,

  40.     'view-id-' ~ id,

  41.     'view-display-id-' ~ display_id,

  42.     'grid-full',

  43.     'layout--pass--content-narrow',

  44.     'ie11-autorow',

  45.   ]

  46. %}

  47. <div{{ attributes.addClass(classes) }}>

  48.   {{ title_prefix }}

  49.   {% if title %}

  50.     {{ title }}

  51.   {% endif %}

  52.   {{ title_suffix }}

  53.   {% if header %}

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

  55.       {{ header }}

  56.     </div>

  57.   {% endif %}

  58.   {% if exposed %}

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

  60.       {{ exposed }}

  61.     </div>

  62.   {% endif %}

  63.   {% if attachment_before %}

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

  65.       {{ attachment_before }}

  66.     </div>

  67.   {% endif %}

  68. 

  69.   {% if rows %}

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

  71.       {{ rows }}

  72.     </div>

  73.   {% elseif empty %}

  74.     {% include '@olivero/includes/get-started.html.twig' %}

  75.   {% endif %}

  76. 

  77.   {% if pager %}

  78.     {{ pager }}

  79.   {% endif %}

  80.   {% if attachment_after %}

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

  82.       {{ attachment_after }}

  83.     </div>

  84.   {% endif %}

  85.   {% if more %}

  86.     {{ more }}

  87.   {% endif %}

  88.   {% if footer %}

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

  90.       {{ footer }}

  91.     </div>

  92.   {% endif %}

  93. 

  94. </div>

Related topics

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