Introduction


This article explains:

  • How to include the Browse by Author Option when including a Blog List
  • Default Layout Examples
  • How to give feedback to the User about their results e.g. in the screenshot "Posts by Regina Alexander"

To Include this Option

Include the following liquid to dynamically get a list of available Blog Authors for the User to select.

{%- include 'modules/siteglide_authors/get/get_authors', author_layout: 'default/author', author_layout_type: 'sidebar', author_field: 'module_field_3_4' -%}

The author_field will be module_field_3_4 if you are using Siteglide's Authors Module. The layouts are structured in the same way as Category Layouts in the previous section.

Default Layout Examples with Explanation

wrapper.liquid

<div class="row no-gutters">

  <div class="col-12">

    <h2>Authors</h2>

    <ul>

      {%- include 'modules/siteglide_system/get/get_items', item_layout: 'item' -%}

    </ul>

  </div>

</div>

item.liquid

<a class="authorAnchorSidebar" href="{{context.location.pathname}}?module_field_3_4={{this.id}}&author_name={{this.name | url_encode}}">

  {% if this['Image'] -%}

    <img src="{% if this['Image'] contains 'http' -%}{{this['Image']}}{% else -%}{{this['Image'] | asset_url}}{% endif -%}" alt="{{this['Image Alt']}}">

  {% endif -%}

  <li>{{this['name']}}</li>

</a>

To filter the Blog List View, you need a link to the Blog List View slug, followed by "?module_field_3_4={{this.id}}". Siteglide will be able to read the URL and filter the list.

User Feedback

To make it easier to give feedback to the User, you can optionally include the Author's name in the url:

href="{{context.location.pathname}}?module_field_3_4={{this.id}}&author_name={{this.name | url_encode}}"

On the List view, you can then include the following liquid to read the URL and decode the Author name you are currently filtering by:

{% elsif context.params.module_field_3_4 %}

  Posts by {{context.params.author_name | url_decode}}

{% endif %}
Did this answer your question?