Question

说我想添加＆＃34;事件（事件名称，事件日期，事件位置）＆＃34;到Shopify页面，最好的方法是什么？

博客文章没有活动选项。
我想通过settings.html添加它。它可以工作，除了我不知道如何添加删除事件的选项。有办法吗？

Answer 1

以下是我的问题的答案。

在Shopify主题中，我试图将一个社交活动列表添加到页面中。这样做的方法是在settings.html中添加一个新的fieldset。在fieldset中，您可以创建表来保存表单元素，如输入和标签。例如。

＆＃13;

<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;中的选项。从那里，你基本上填写字段并保存。

要在页面上显示该事件，请插入以下内容。

＆＃13;

<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页面上插入和编辑的任何其他内容。

在Shopify中添加事件？

1 个答案: