An events calendar on your website
The calendar shows the organization's events by sessions: a guest picks a show, opens the event and buys a ticket without leaving your site. Pick an embed format.
The calendar opens over your site in a 720 px window on button click. Good for a header or menu: it takes no page space until it is called.
How to add it to your site
The button only needs the trigger attribute: the script loads once, the loader opens the window.
<button type="button" data-numior-sale-hub-events-calendar-trigger
data-storefront="demo-shop"
data-theme="light"
data-locale="en"
data-mode="modal"
data-view="month"
data-categories="true">
Open the calendar
</button>
<script async src="https://salehub.numior.ru/widget/v1/loader.js"></script>Parameters
- data-storefront
- Storefront slug — required.
- data-mode
- Display format: modal, inline, or redirect.
- data-target
- CSS selector of the container — inline mode only.
- data-theme
- Interface theme: light or dark (default light).
- data-locale
- Interface language, e.g. ru or en.
Extra calendar parameters
- data-view
- View: month (month grid) or agenda (day-by-day list).
- data-scope
- Contents: own (own events only) or own_and_participation (plus participations).
- data-sections
- Event page sections, comma-separated: gallery, participants, bloggers, news.
- data-categories
- true — show the category filter to guests above the calendar.