The question page is displayed each time a user accesses a question. It can be customized through the customization panel, with question content loaded via Shopify/Liquid similarly to other pages.

In this article, you'll learn:

• About the question page and its customization.
• Objects and variables available for use.
• Basic structures for fetching text and looping through related questions.
• How to implement a feedback form.

Objects and Variables

A small guide to what can be accessed through Objects:

• .name: Retrieve a String with the full name of the question;
• .answers: Retrieve a Long String with the text;
• .category: Fetch the parent category of the specific question and returns as an object;
• .id: Identification number of the question;
• .url: URL Slug text starting immediately after the domain;
• .votes: Sum quantity of feedback votes;
• .feedback_url: Used in the feedback form, more details here;
• .positive_votes: Positive votes quantity only;
• .negative_votes: Negative votes quantity only;
• .answer_sample: A tiny piece of the question text, first 90 characters;
• .long_answer_sample: A small piece of the question text, first 350 characters;
• .related_questions: Returns a list of question objects with similar location;
• .published_date: The complete date of publication (hour included);
• .last_updated: The complete date of the most recent update (hour included);
• .is_internal: Boolean value returns true if the question is internal;
• .author_first_name: The author's first name;
• .author_last_name: The author's last name;
• .tag_names: A list with the tags for the question;

Basic Structures

Fetching the Text:

{{question.answers.first.cleaned_body}}

Looping through Related Questions:

{{for related in question.related_questions}}
                            ....
    ...{{related.url}}... {{related.name}}...
                            ....
{{endfor}}

Feedback Form:

<div class="was-this-helpful">
      <form accept-charset="UTF-8" action="{{question.feedback_url}}" class="new_feedback" id="new_feedback" method="post">
        <div style="margin:0;padding:0;display:inline">
          <input name="authenticity_token" type="hidden" value="W7fIKyhlMGSYY6ZpNZ0EjAuXfvwpXGjx8KK7p9liJk0=">
        </div>

        <input id="feedback_score" name="feedback[score]" type="hidden" value="0">

        <h4>Was this article helpful? </h4>

        <a href="#" id="yes" class="response feedback"><span>{{question.positive_votes}}</span></a>
        <a href="#" id="no" class="response feedback"><span>{{question.negative_votes}}</span></a>
      </form>
    </div>