> For the complete documentation index, see [llms.txt](https://docs.jollyany.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jollyany.co/templates/golden-hearts/events.md).

# Events

### Create Joomla articles for Events

Firstly, you need to create articles for Events.

* Please go to Admin > Content > Articles > Create new articles
* Assign them to your event category
* Go to the tab "Article Type Options" > Select an Article Type > *Regular / Video / Gallery / Audio / Review / Quote.*

### Create the event information

* After that, please go to the tab "Event Options", you'll see the event's options
* Enter the information of the event including Location, Phone, Guest Number, Call-To-Action text, URL, Latitude & Longitude 
* Set the start time and end time for the event

{% hint style="info" %}
The Call-To-Action button is only visible when you set the start time after the current time. \
Ex: Current time: Sep 17th, 2021 -> the start time should be later than Sep 17th, 2021
{% endhint %}

{% tabs %}
{% tab title="Event's description" %}
![An event's description](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FPINgNaNSfLxiqn4rTDAl%2Fcreate%20an%20event%20article.jpg?alt=media\&token=3ec5ad60-4b5a-4941-967a-32ffc4f78e1a)
{% endtab %}

{% tab title="Event Options" %}
![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FfXGMqfw0HMCJocW8GVL0%2Fevent-options.jpg?alt=media\&token=eed3aa17-e5ab-44a5-8f32-a0b5aca00a34)
{% endtab %}
{% endtabs %}

### Show the map

* In the tab "Event Options", you're able to enter both the Latitude and Longitude of the map
* Go to Admin > Extensions > Templates > Styles > ex: tz\_golden heart- Default > Article / Blog > Enable Event Data
* Then you can configure options for the map: Add Google API key, Map type, Map Zoom, Map height ...

![Enable Even Data and Configure Map Options](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2F6Tp6c4H0yd9RKuVowN6o%2Fsingle-article-enable-event-data-2.jpg?alt=media\&token=ca779439-db86-403d-919c-7d95022515b7)

### Add a new menu item

This step is to add a new menu item for the Events page so that it can display properly in the main menu

* Go to **Admin > Menus > Main menu > Add new**
* Menu item type: Articles > Category Blog
* Select your event category
* Template style: **tz\_golden hearts - Default**

![Create a menu item for Events page](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FHcBrScdzHlsJ15jYxl6I%2Fevents-menu.jpg?alt=media\&token=93304e14-91cd-4900-a4ca-c025af791982)