Is it possible to feature some events for a section on homepage?

Hi all,

I was wondering whether the Events Calendar can display a selection of featured events (3 for example) for a different page vs all events that would be used on an event page.

(I am looking to purchase Elfsight to manage multiple venue events using projects) It would be handy to know if they have this feature?

Thank you in advance.

2 Likes

Hi there and welcome to the Community, @Benjamin_Wares :waving_hand:

Do the events you’d like to feature have the same event type or different?

1 Like

Hi Max, thank you for your reply. The events could be any - as long as they’re from the same list of events.

Kind regards

2 Likes

Got you!

It’s possible only if you decide to display the events of the same type (for example, only Art events) on a specific page. For this, you should pre-select the event type filter with the needed type following the steps described in this guide - Event Calendar: How to make certain filter selected by default

However, showing events of different types on a specific page ins’t feasible at the moment. This idea is already on the Wishlist and you can upvote it here :slightly_smiling_face: - Use one widget with different settings on multiple pages

2 Likes

Thanks Max! I think I could use the date filter as a work around.

I assume that the design though would be limited to one as it’s the same widget? You couldn’t have a list with all events on the events page and use a slider for the same widget to display the filtered events?

2 Likes

Oh, that’s great, the date filter would for your case as well!

As for the design, you can use a different layout with the filtered events on a specific page. To do this, you should combine the dynamic layouts feature with the pre-selected filters option.

Thus, on the page with all events, you should use the standard installation code. On the page with the filtered events and slider layout, just add the necessary attributes to the installation code for the filter and slider layout.

Thus, on the page with all events you should use a standard installation code. On page with filtered events and slider layout, you should add attributes to the installation code to implement filter and slider layout.

Here’s an example of how it would look:

<!-- Elfsight Event Calendar | Untitled Event Calendar -->
<script src="https://elfsightcdn.com/platform.js" async></script>
<div class="elfsight-app-WIDGET_ID" data-elfsight-app-lazy data-elfsight-app-layout="slider" data-elfsight-app-filter-dates="2030-12-01, 2030-12-31"></div>

In this code, you should replace WIDGET_ID with the ID of your widget, and set the required event dates:

image

Give it a try and let me know if it worked :wink:

3 Likes

That worked indeed both with dates and layout style. Thank you so much!

2 Likes

Great, you’re always welcome!

By the way, we’d like to invite you to participate in our September Contest, where you can win a 6-month extension for your subscription - September Contest: Best AI Feature Ideas Win 6 Months FREE!:wrapped_gift:

Check the details and join in :wink:

1 Like