Prerequisites

  • You have installed the Events Module
  • You have installed the Authors Module
  • You have added at least one Author as an Event Host

Introduction

This article explains:

  • How to include the Browse by Host (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 "Events hosted by Regina Alexander"

To Include this Option

Include the following liquid to dynamically get a list of available Event Hosts for the User to select.

{%- include 'modules/siteglide_authors/get/get_authors', author_layout: 'design_system/1/author', author_layout_type: 'list', author_field: 'module_field_12_4' -%}

The author_field will be module_field_12_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_12_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_12_4={{this.id}}". Siteglide will be able to read the URL and filter the list.

User Feedback - Displaying the currently applied filter

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

href="{{context.location.pathname}}?module_field_12_4={{this.id}}&host_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:

{% if context.params.module_field_12_4 %}

  Events hosted by {{context.params.host_name | url_decode}}

{% endif %}

Related Documents:

Did this answer your question?