说我想添加"事件(事件名称,事件日期,事件位置)"到Shopify页面,最好的方法是什么?
博客文章没有活动选项。
我想通过settings.html添加它。它可以工作,除了我不知道如何添加删除事件的选项。有办法吗?
答案 0 :(得分:0)
以下是我的问题的答案。
在Shopify主题中,我试图将一个社交活动列表添加到页面中。这样做的方法是在settings.html中添加一个新的fieldset。在fieldset中,您可以创建表来保存表单元素,如输入和标签。例如。
<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>
&#13;
这将插入&#34;添加活动&#34;您自定义主题&#34;中的选项。从那里,你基本上填写字段并保存。
要在页面上显示该事件,请插入以下内容。
<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">
<a href="{{ settings.event_link }}">Event Link</a>
</div>
To not show empty elements, you can use if statement like this.
{% if settings.event_link == blank %}
{% else %}
<a href="{{ settings.event_link }}">Event Link</a>
{% endif %}
&#13;
此过程可应用于您要在Shopify页面上插入和编辑的任何其他内容。