page.liquid
V2 REQUIRED
page.liquid
主要用於渲染自定義頁面。
可套用於自訂分頁{domain}/pages/{url handle}
, 以下為自訂分頁預設內容:
變量說明
以下是一些重要的模板變量和模板方法的說明:
變量名稱 | 數據類型 | 描述 |
---|---|---|
item.id | String | 頁面的 ID。 |
item.type | String | 頁面的類型。 |
item.title | String | 頁面的標題。 |
item.content | String | 頁面的內容。 |
item.hide_title | Boolean | 用於判斷是否隱藏頁面的標題。 |
item.hide_description | Boolean | 用於判斷是否隱藏頁面的描述。 |
row.full_width | Boolean | 用於判斷行是否為全寬。 |
custom_page.type | String | 自定義頁面的類型。 |
custom_page.title | String | 自定義頁面的標題。 |
custom_page.content | String | 自定義頁面的內容。 |
範例
以下是一個簡單的範例,顯示頁面的標題和內容:
{% for item in row.items %}
<div id="page-item-{{item.id}}">
<div class="page-item-title">
{{ item.title }}
</div>
<div class="page-item-content">
{{ item.content }}
</div>
</div>
{% endfor %}
可以判斷 URL 引入自定義 asset 文件:
{% if page.url == '/' %}
{{ 'custom_homepage.css' | asset_source }}
{% endif %}
可以根據不同的 URL 引入對應的自定義 Snippets:
{% if page.url == '/pages/join-us' %}
{% include 'join-us.liquid' %}
{% elsif page.url == '/pages/kol' %}
{% include 'kol.liquid' %}
{% endif %}
Note
該模板屬於 主題私有頁; 詳細說明請查閱 主題私有頁與系統頁
Updated 12 months ago