You are here

Home » API reference » Frequently Asked Questions 8

faq-category-questions-inline.html.twig in Frequently Asked Questions 8

Template file for the FAQ page if set to show categorized questions inline.

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: The 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".
  • question_label: The question label, intended to be pre-pended to the question text.
  • answer_label: The answer label, intended to be pre-pended to the answer text.
  • use_teaser: Tells whether $node['body'] contains the full body or just the teaser
  • 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_questions_inline()

File

templates/faq-category-questions-inline.html.twig
View source 
  1. {#

  2. /**

  3.  * @file

  4.  * Template file for the FAQ page if set to show categorized questions inline.

  5.  * 

  6.  * Available variables:

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

  8.  * - header_title: The category title.

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

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

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

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

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

  14.  *   should be displayed.

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

  16.  * - nodes: The array of nodes to be displayed. Each node stored in the $nodes array has the following information:

  17.  *   - question: The question text.

  18.  *   - body: The answer text.

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

  20.  * - question_label: The question label, intended to be pre-pended to the question text.

  21.  * - answer_label: The answer label, intended to be pre-pended to the answer text.

  22.  * - use_teaser: Tells whether $node['body'] contains the full body or just the teaser

  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_questions_inline()

  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. <a id="top"></a>

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

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

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

  51.         {% if display_header %}

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

  53.                 {{ term_image }}

  54.                 {{ header_title }}

  55.                 {% if display_faq_count %}

  56.                     ({{ question_count }})

  57.                 {% endif %}

  58.             </{{ hdr }}>

  59.         {% else %}

  60.             {{ term_image }}

  61.         {% endif %}

  62.         

  63.         {% if description is not empty %}

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

  65.         {% endif %}

  66.         {% if term_image is not empty %}

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

  68.         {% endif %}

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

  70.     

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

  72.     {% if subcat_list is not empty %}

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

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

  75.             {% for subcat in subcat_list %}

  76.                 <li>

  77.                     {{ subcat.link }}

  78.                     {% if display_faq_count %}

  79.                         ({{ subcat.count }})

  80.                     {% endif %}

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

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

  83.                     {% endif %}

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

  85.                 </li>

  86.             {% endfor %}

  87.             </{{ subcat_list_style }}>

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

  89.     {% endif %}

  90.     

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

  92.         <!-- include subcategories -->

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

  94.             {% for subcat_html in subcat_body_list %}

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

  96.             {% endfor %}

  97.         {% endif %}

  98.         

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

  100.         <div>

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

  102.             {% for node in nodes %}

  103.                 <div class="faq-question">

  104.                     {% if question_label is not empty %}

  105.                         <strong class="faq-question-label">

  106.                             {{ question_label }}

  107.                         </strong>

  108.                     {% endif %}

  109.                     {{ node.question }}

  110.                 </div><!-- Close div: faq-question -->

  111.                 <div class="faq-answer">

  112.                     {% if asnwer_label is not empty %}

  113.                         <strong class="faq-answer-label">

  114.                             {{ answer_label }}

  115.                         </strong>

  116.                     {% endif %}

  117.                     {{ node.body }}

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

  119.                         {{ node.links }}

  120.                     {% endif %}

  121.                 </div><!-- Close div: faq-answer -->

  122.             {% endfor %}

  123.             {% endif %}

  124.         </div><!-- Close div -->

  125.         

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

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