Sections

Author information

Author information can be displayed for articles, posts, requests and comments in your Zendesk Help Center.

  • <div class="media">
      <div class="avatar">
        {{#if article.author.agent}}
          <svg class="svg-icon absolute bottom-0 right-0 text-primary bg-white border border-white circle" xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12">
            <path fill="currentColor" d="M6 0C2.7 0 0 2.7 0 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm0 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm2.3 7H3.7c-.3 0-.4-.3-.3-.5C3.9 7.6 4.9 7 6 7s2.1.6 2.6 1.5c.1.2 0 .5-.3.5z"/>
          </svg>
        {{/if}}
        <img class="avatar-img" alt="Article author" src="{{article.author.avatar_url}}">
      </div>
      <div class="media-body font-size-md align-self-center">
        {{#link 'user_profile' class="link-implied" id=article.author.id}}
          {{article.author.name}}
        {{/link}}
        <ul class="list-divider">
          <li class="text-gray-600">
            {{#is article.created_at article.edited_at}}
              {{date article.created_at timeago=true}}
            {{else}}
              {{t 'updated'}}
              {{date article.edited_at timeago=true}}
            {{/is}}
          </li>
          {{#if settings.show_article_comments}}
            {{#if comments}}
              <li class="text-gray-600">
                <a href="#comments">
                  {{t 'comments_count' count=article.comment_count}}
                </a>
              </li>
            {{/if}}
          {{~/if}}
        </ul>
      </div>
    </div>