The Question Page is the page loaded everytime a user access a question. This is the most important page in the Knowledge Base, several sections can be used to improve navigation between related topics and relevant content.

Question Page Concept

The highlighted section represents the content of the Question Page theme file located on the customize section.

Basic Structures

This is a comprehensive example of the most important variables on the Question Page template file. Check the Shopify/Liquid Documentation for more information on available objects‍.

<h2 class="question_title">{{ question.name }}</h2>

<div class="content">
  {{ question.answers.first.cleaned_body }}
</div>

<ul class="related_content">
  {% for related in question.related_questions %}
    <li>
      <a href="{{ related.url }}">{{ related.name }}</a>
      <p>{{ related.description }}</p>
    </li>
  {% endfor %}
</ul>

Ideal sizes

If the grid is compounded on more than one column, i.e the template has one or more sidebars, the question content ought not to be smaller than 60% of the viewport - that's due to readability and not just style.

Good examples:

theme.helpjuice.com
rg.helpjuice.com