Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Customization Guides
  • Advanced Customization

Loops Examples

Written by Jose Souza

Updated at May 20th, 2020

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Customization
    Customization Guides
  • Article Editor
  • Getting Started
    Managing Users Analytics Content Management Permissions & Accessibility Video Tutorials
  • Integrations
  • API & Webhooks
    API V2 API V3
  • Languages & Translations
  • Authentication
  • Swifty AI
  • Settings
    User Settings User Behavior Knowledge Base Settings Custom Domain
+ More

Need a little help with our code? this code-snippets might be it.

Simple loop through categories:

Used mostly on the index page

{% for category in roots_categories %}
    <a ... href="{{category.url}}">
      <span>{{category.name}}</span>
    </a>
{% endfor %}

Looping through subcategories:

also listing the questions

 {% for subcategory in subcategories %}
            ...
         <a href="{{ subcategory.url }}">{{ subcategory.name }}</a>
            ...
        <ul ...>
              {% for question in subcategory.published_questions | limit:5 %}
                <li>
                      <a href="{{ question.url }}">{{ question.name }}</a>
                </li>
              {% endfor %}
        </ul>

    {% if subcategory.questions.size > 5 %}
      <a href="{{subcategory.show_all_questions_link}}" ... >See all {{subcategory.questions.size}} topics</a>
    {% endif %}
  {% endfor %}

Adding personalized Category/Subcategory text

Inside the category loop just test with a if condition to make it appear a subtext related to the category

{% for subcategory in subcategories %}
            ...
         <a href="{{ subcategory.url }}">{{ subcategory.name }}</a>
{% if subcategory.name == 'Customization'%}
<p>Subtext related to the category</p>
{%else%}
<p>Subtext related to the category</p>
{%endif%}

        <ul ...>

Just a parenthesis here the else condition is not required, and you can also use other conditions to cover the realm of possibilities using

{%elsif  subcategory.name == 'Customization'%}

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Using Custom Inputs On Your Contact Form
  • Shopify/Liquid Variables and Objects Reference
  • How To Fix Duplicated Content For SEO Improvement?
  • Displaying Categories as Carousel
  • How to create custom redirects via JavaScript?
One Knowledge Base To Replace Them All
24/5 support
Constant Product Updates & Improvements
100% money back guarantee
99.9% Uptime
Features
  • AI Knowledge Base AI-Enabled
  • Helpjuice Extension AI-Enabled
  • Powered Editor AI-Enabled
  • Advanced Analytics AI-Enabled
  • Customizable Themes AI-Enabled
  • Swifty · Helpbar & Chatbot AI-Enabled
  • Multi-Language Support
  • Step-by-Step Tutorial Creator
  • Seamless Integrations
  • User Access Control
  • See All Features >>
Product
  • Product Roadmap
  • Pricing
  • Book a Demo
  • Policies & Security
  • Our Customers
  • About Helpjuice
  • Contact Our Team
Resources
  • Our Knowledge Base
  • Webinars
  • Success Stories
  • API Documentation
  • Data Import Guide
  • Helpjuice Blog
Copyright © 2025, Helpjuice Inc.
Helpjuice, Inc. is a registered US Corporation.
EIN 46-2257741 | Download W9
Made in America High Performer Ease of Use Get Support
Get Started For Free
4.8 average review on
Life’s too short to use mediocre software.
+1 (833) 387 3877
Powered by Helpjuice Helpjuice Swifty AI External Link
Expand