| LEFT | RIGHT | 
| (no file at all) |  | 
|   1 <dl id="product-topics-accordion" class="accordion"> |   1 <dl id="product-topics-accordion" class="accordion"> | 
|   2   {% for category in product.help_categories %} |   2   {% for category in product.help_categories %} | 
|   3     {% set articles = get_pages_metadata({ "product_id": product_id, "template":
     "article", "category": category.name }) %} |   3     {% set articles = get_pages_metadata({ "product_id": product_id, "template":
     "article", "category": category.name }) %} | 
|   4     {% if articles %} |   4     {% if articles %} | 
|   5       <dt role="heading" aria-level="3" class="accordion-heading"> |   5       <dt role="heading" aria-level="3" class="accordion-heading"> | 
|   6         <button aria-expanded="true" aria-controls="sect-{{ category.slug }}" id
    ="heading-{{ category.slug }}" class="accordion-toggle-button"> |   6         <button aria-expanded="true" aria-controls="sect-{{ category.slug }}" id
    ="heading-{{ category.slug }}" class="accordion-toggle-button"> | 
|   7           <img src="/img/png/arrow-icon-secondary.png" srcset="/img/svg/arrow-ic
    on-secondary.svg 2x" alt="{{ "Toggle arrow" | translate("accordion-toggle-icon",
     "Image alt text") }}"> |   7           <img src="/dist/img/png/arrow-icon-secondary.png" srcset="/dist/img/sv
    g/arrow-icon-secondary.svg 2x" alt="{{ "Toggle arrow" | translate("accordion-tog
    gle-icon", "Image alt text") }}"> | 
|   8           {{ category.name | translate( category.slug + "-category-title", "Cate
    gory title") }} |   8           {{ category.name | translate( category.slug + "-category-title", "Cate
    gory title") }} | 
|   9         </button> |   9         </button> | 
|  10       </dt> |  10       </dt> | 
|  11       <dd role="region" aria-labelledby="heading-{{ category.slug }}" id="sect-{
    { category.slug }}" class="accordion-body"> |  11       <dd role="region" aria-labelledby="heading-{{ category.slug }}" id="sect-{
    { category.slug }}" class="accordion-body"> | 
|  12         <ul class="underlined-list"> |  12         <ul class="underlined-list"> | 
|  13           {% for article in articles %} |  13           {% for article in articles %} | 
|  14           <li> |  14           <li> | 
|  15             <a href="{{ article["page"] }}"> |  15             <a href="{{ article["page"] }}"> | 
|  16               {{ article.title | translate( get_page_name( article["page"]) + "-
    title", "Article title") }} |  16               {{ article.title | translate( get_page_name( article["page"]) + "-
    title", "Article title") }} | 
|  17             </a> |  17             </a> | 
|  18           </li> |  18           </li> | 
|  19           {% endfor %} |  19           {% endfor %} | 
|  20         </ul> |  20         </ul> | 
|  21       </dd> |  21       </dd> | 
|  22     {% endif %} |  22     {% endif %} | 
|  23   {% endfor %} |  23   {% endfor %} | 
|  24 </dl> |  24 </dl> | 
| LEFT | RIGHT |