Adding events in Shopify? - events

Question

Say I want to add "events(event name, event date, event location)" to a Shopify page, what would be the best way of doing that?
Blog post does not have options for events.
I was thinking of adding it through settings.html. It could work, except I don't know how to add an option to remove an event. Is there a way?
What you think?

Answer 1

Here is the answer to my question.
In Shopify theme, I was trying to add a list of social events to a page. The way to do it is add a new fieldset in the settings.html. In the fieldset, you can create tables to hold your form elements like inputs and labels. For eg.
<fieldset>
<legend>Add an Event</legend>
<table>
<tr>
<td colspan="3">
<h3 class="heading">Event</h3>
</td>
</tr>
<tr>
<td><label for="event_name">Event Name</label></td>
<td><input type="text" name="event_name" /></td>
</tr>
<tr>
<td><label for="event_date">Event Date</label></td>
<td><input type="text" name="event_date" /></td>
</tr>
<tr>
<td><label for="event_location">Event Location</label></td>
<td><input type="text" name="event_location" /></td>
</tr>
<tr>
<td><label for="event_link_1">Event Link</label></td>
<td><input type="text" name="event_link" /></td>
</tr>
</table>
</fieldset>
This will insert the "Add an Event" option in your "Customize Themes". From there, you basically fill in the fields and save.
To show that event on a page, insert the following like this .
<div id="event-name">{{ settings.event_name }}</div>
<div id="event-date">{{ settings.event_date }}</div>
<div id="event-location">{{ settings.event_location }}</div>
<div id="event-link">
Event Link
</div>
To not show empty elements, you can use if statement like this.
{% if settings.event_link == blank %}
{% else %}
Event Link
{% endif %}
This process can be applied to anything else that you want to insert and edit on Shopify pages.