You are here

Home » API reference » Frequently Asked Questions 8

faq-category-new-page.html.twig in Frequently Asked Questions 8

Template file for the FAQ page if set to show the categorized answer in a new page.

Available variables:

  • display_header: Boolean value controlling whether a header should be displayed.
  • header_title: The category title.
  • category_depth: The term or category depth.
  • description: The current page's description.
  • term_image: The HTML for the category image. This is empty if the taxonomy image module is not enabled or there is no image associated with the term.
  • display_faq_count: Boolean value controlling whether or not the number of faqs in a category should be displayed.
  • question_count: The number of questions in category.
  • question_list: An array of questions.
  • question_list_style: The style of the question list, either ol or ul (ordered or unordered).
  • container_class: The class attribute of the element containing the sub-categories, either 'faq-qa' or 'faq-qa-hide'. This is used by javascript to open/hide a category's faqs.
  • subcat_list: An array of sub-categories. Each sub-category stored in the $subcat_list array has the following information:

    • link: The link to the sub-category.
    • description: The sub-category description.
    • count: The number of questions in the sub-category.
    • term_image: The sub-category (taxonomy) image.
  • subcat_list_style: The style of the sub-category list, either ol or ul (ordered or unordered).
  • subcat_body_list: The sub-categories faqs, recursively themed (by this template).

See also

template_preprocess_faq_category_new_page()

File

templates/faq-category-new-page.html.twig
View source 
  1. {#

  2. /**

  3.  * @file

  4.  * Template file for the FAQ page if set to show the categorized answer in a

  5.  * new page.

  6.  * 

  7.  * Available variables:

  8.  * - display_header: Boolean value controlling whether a header should be displayed.

  9.  * - header_title: The category title.

  10.  * - category_depth: The term or category depth.

  11.  * - description: The current page's description.

  12.  * - term_image: The HTML for the category image. This is empty if the taxonomy image module

  13.  *   is not enabled or there is no image associated with the term.

  14.  * - display_faq_count: Boolean value controlling whether or not the number of faqs in a category

  15.  *   should be displayed.

  16.  * - question_count: The number of questions in category.

  17.  * - question_list: An array of questions.

  18.  * - question_list_style: The style of the question list, either ol or ul (ordered or unordered).

  19.  * - container_class: The class attribute of the element containing the sub-categories, either

  20.  *   'faq-qa' or 'faq-qa-hide'. This is used by javascript to open/hide

  21.  *   a category's faqs.

  22.  * - subcat_list: An array of sub-categories.  Each sub-category stored in the $subcat_list

  23.  *   array has the following information:

  24.  *   - link: The link to the sub-category.

  25.  *   - description: The sub-category description.

  26.  *   - count: The number of questions in the sub-category.

  27.  *   - term_image: The sub-category (taxonomy) image.

  28.  * - subcat_list_style: The style of the sub-category list, either ol or ul (ordered or unordered).

  29.  * - subcat_body_list: The sub-categories faqs, recursively themed (by this template).

  30.  * 

  31.  * @see template_preprocess_faq_category_new_page()

  32.  * 

  33.  * @ingroup themable

  34.  */

  35. #}

  36. 

  37. {% if category_depth > 0 %}

  38.     {% set hdr = 'h4' %}

  39. {% else %}

  40.     {% set hdr = 'h3' %}

  41. {% endif %}

  42. 

  43. <div class="faq-category-group">

  44.     <!-- category header with title, link, image, description, and count of questions inside -->

  45.     <div class="faq-qa-header">

  46.         {% if display_header %}

  47.             <{{ hdr }} class="faq-header">

  48.                 {{ term_image }}

  49.                 {{ header_title }}

  50.                 {% if display_faq_count %}

  51.                     ({{ question_count }})

  52.                 {% endif %}

  53.             </{{ hdr }}>

  54.         {% else %}

  55.             {{ term_image }}

  56.         {% endif %}

  57.         

  58.         {% if description is not empty %}

  59.             <div class="faq-qa-description">{{ description }}</div>

  60.         {% endif %}

  61.         {% if term_image is not empty %}

  62.             <div class="clear-block"></div>

  63.         {% endif %}

  64.     </div><!-- Close div: faq-qa-header -->

  65.     

  66.     <!-- list subcategories, with title, link, description, count -->

  67.     {% if subcat_list is not empty %}

  68.         <div class="item-list">

  69.             <{{ subcat_list_style }} class="faq-category-list">

  70.             {% for subcat in subcat_list %}

  71.                 <li>

  72.                     {{ subcat.link }}

  73.                     {% if display_faq_count %}

  74.                         ({{ subcat.count }})

  75.                     {% endif %}

  76.                     {% if subcat.description is not empty %}

  77.                         <div class="faq-qa-description">{{ subcat.description }}</div>

  78.                     {% endif %}

  79.                     <div class="clear-block"></div>

  80.                 </li>

  81.             {% endfor %}

  82.             </{{ subcat_list_style }}>

  83.         </div><!-- Close div: item-list -->

  84.     {% endif %}

  85.     

  86.     

  87.     <div class="{{ container_class }}">

  88.         <!-- include subcategories -->

  89.         {% if subcat_body_list|length > 0 %}

  90.         {% for subcat_html in subcat_body_list %}

  91.             <div class="faq-category-indent">{{ subcat_html }}</div>

  92.         {% endfor %}

  93.         {% endif %}

  94.         

  95.         <!-- list questions (in title link) and answers (in body) -->

  96.         {% if question_list is not empty %}

  97.             <div class="item-list">

  98.                 <{{ question_list_style }} class="faq-category-list">

  99.                 {% for question_link in question_list %}

  100.                 <li>

  101.                     {{ question_link }}

  102.                 </li>

  103.                 {% endfor %}

  104.                 </{{ question_list_style }}>

  105.             </div><!-- Close div: item-list -->

  106.         {% endif %}

  107.     </div>

  108. </div><!-- Close div: faq-category-group -->