Tiggles ツ of Speak Creative
11/28/2018 - 5:38 PM

Cal v2 Upcoming Events Matrix Widget

Custom matrix to pull in events for upcoming events.

https://www.memphiszoo.org/admin/pages/?p=167660 https://lifechurchcustomexpress.sitewrench.com/admin/pageparts/edit.aspx?id=315103 (filter by tag)

matrix.liquid
content_copyfile_download
{% assign featuredEvents = Module.FieldValues.FeaturedEvents.Events %}

<div class="featured-event-wrapper">
	<ul class="owl-carousel owl-theme">
	
	{% for event in featuredEvents limit: 10 %}
		<li class="featured-event-item">
			<a href="{% CalendarEventLink event:event sitePage:Module.FieldValues.FeaturedEvents.SitePage %}" class="featured-event-link">
				{% if event.RelatedImageFileKey != "" %}
                    <img src="{{ event.RelatedImageFileKey }}" class="featured-event-image" alt="" />
                {% else %}
                    <img src="https://www.speakcdn.com/sitefiles/global/images/svg/placeholder.svg" class="featured-event-image-placeholder" alt="" />
                {% endif %}
			</a>
			<div class="featured-event-DateTime">
    			<p class="featured-event-date">			                
                    {{ event.StartDateTime | DateFormat:"MMM",event.TimeZone }}
                    {{ event.StartDateTime | DateFormat:"%d",event.TimeZone }}
                </p>
                <p class="featured-event-time">
                    <span>{{ event.StartDateTime | DateFormat:"%h:mm tt", event.TimeZone }} -</span> 
                    <span>{{ event.EndDateTime | DateFormat:"%h:mm tt", event.TimeZone }}</span> 
                </p>
            </div>
            <p class="featured-event-name">
                <a href='{% CalendarEventLink event:event sitePage:Module.FieldValues.FeaturedEvents.SitePage %}'>
                    {{ event.Subject }}
                </a>
            </p>
            <span class="featured-event-description">{{ event.Description | StripHtml | Truncate: 150 }}</span>
        </li>
        {% endfor %}
    </ul>
</div>