Browse by Author

8min
Combining the Blog and Author Modules allows you to filter the Blog posts by a specific Author's posts.
﻿
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"
Add "use_adv_search" parameter to include for Blog List View
The "use_adv_search" parameter is needed to allow filtering from the URL to apply to your Blog Posts, this can be added to the include for Blog List like so:
HTML
{%- include 'module' 
    id: '3'
    layout: 'default'
    per_page: '20'
    show_pagination: 'true'
    sort_type: 'created_at'
    sort_order: 'desc'
    use_adv_search: 'true' 
-%}
{%- include 'module' 
    id: '3'
    layout: 'default'
    per_page: '20'
    show_pagination: 'true'
    sort_type: 'created_at'
    sort_order: 'desc'
    use_adv_search: 'true' 
-%}
﻿
To Include this Option
Include the following liquid to dynamically get a list of available Blog Authors for the User to select.
HTML
{%- include 'modules/siteglide_authors/get/get_authors'
    author_layout: 'default/author'
    author_layout_type: 'sidebar'
    author_field: 'module_field_3_4' 
-%}
{%- 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
HTML
<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>
<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
HTML
<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>
<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:
HTML
href="{{context.location.pathname}}?module_field_3_4={{this.id}}&author_name={{this.name | url_encode}}"
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:
HTML
{% elsif context.params.module_field_3_4 %}
  Posts by {{context.params.author_name | url_decode}}
{% endif %}
{% elsif context.params.module_field_3_4 %}
  Posts by {{context.params.author_name | url_decode}}
{% endif %}
﻿
Updated 03 Mar 2023
Did this page help you?
Browse By Category
eCommerce