You are here

Home » API reference » Frequently Asked Questions 8

faq-category-hide-answer.html.twig in Frequently Asked Questions 8

Template file for the FAQ page if set to show/hide categorized answers when the question is clicked.

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.
  • nodes: An array of nodes to be displayed. Each node stored in the $nodes array has the following information

    • question: The question text.
    • body: The answer text.
    • links: Represents the node links, e.g. "Read more".
  • use_teaser: Whether node.body contains the full body or just the teaser text.
  • 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_hide_answer()

File

templates/faq-category-hide-answer.html.twig
View source 
  1. {#

  2. /**

  3.  * @file

  4.  * Template file for the FAQ page if set to show/hide categorized answers when

  5.  * the question is clicked.

  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.  * - nodes: An array of nodes to be displayed.

  18.  *   Each node stored in the $nodes array has the following information

  19.  *   - question: The question text.

  20.  *   - body: The answer text.

  21.  *   - links: Represents the node links, e.g. "Read more".

  22.  * - use_teaser: Whether node.body contains the full body or just the teaser text.

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

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

  25.  *   a category's faqs.

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

  27.  *   array has the following information:

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

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

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

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

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

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

  34.  * 

  35.  * @see template_preprocess_faq_category_hide_answer()

  36.  * 

  37.  * @ingroup themable

  38.  */

  39. #}

  40. 

  41. {% if category_depth > 0 %}

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

  43. {% else %}

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

  45. {% endif %}

  46. 

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

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

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

  50.         {% if display_header %}

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

  52.                 {{ term_image }}

  53.                 {{ header_title }}

  54.                 {% if display_faq_count %}

  55.                   ({{ question_count }})

  56.                 {% endif %}

  57.             </{{ hdr }}>

  58.         {% else %}

  59.             {{ term_image }}

  60.         {% endif %}

  61.         

  62.         {% if description is not empty %}

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

  64.         {% endif %}

  65.         {% if term_image is not empty %}

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

  67.         {% endif %}

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

  69.     

  70.     {% if subcat_list is not empty %}

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

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

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

  74.             {% for subcat in subcat_list %}

  75.                 <li>

  76.                     {{ subcat.link }}

  77.                     {% if display_faq_count %}

  78.                         ({{ subcat.count }})

  79.                     {% endif %}

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

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

  82.                     {% endif %}

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

  84.                 </li>

  85.             {% endfor %}

  86.             </{{ subcat_list_style }}>

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

  88.     {% endif %}

  89.     

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

  91.         <!-- include subcategories -->

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

  93.         {% for subcat_html in subcat_body_list %}

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

  95.         {% endfor %}

  96.         {% endif %}

  97.         

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

  99.         <div class="faq-dl-hide-answer">

  100.             {% if nodes|length > 0 %}

  101.             {% for node in nodes %}

  102.                 <div class="faq-question-answer">

  103.                     <div class="faq-question faq-dt-hide-answer">

  104.                         {{ node.question }}

  105.                     </div><!-- Close div: faq-question faq-dt-hide-answer -->

  106.                     <div class="faq-answer faq-dd-hide-answer">

  107.                         {{ node.body }}

  108.                         {% if node.links is defined %}

  109.                             {{ node.links }}

  110.                         {% endif %}

  111.                     </div><!-- Close div: faq-answer faq-dd-hide-answer -->

  112.                 </div><!-- Close div: faq-question-answer -->

  113.             {% endfor %}

  114.             {% endif %}

  115.         </div><!-- Close div: faq-dl-hide-answer -->

  116.     </div><!-- Close div: faq-qa / faq-qa-hide -->

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