page.liquid

V2 REQUIRED

page.liquid 主要用於渲染自定義頁面。

可套用於自訂分頁{domain}/pages/{url handle}, 以下為自訂分頁預設內容:


變量說明

以下是一些重要的模板變量和模板方法的說明:

變量名稱數據類型描述
item.idString頁面的 ID。
item.typeString頁面的類型。
item.titleString頁面的標題。
item.contentString頁面的內容。
item.hide_titleBoolean用於判斷是否隱藏頁面的標題。
item.hide_descriptionBoolean用於判斷是否隱藏頁面的描述。
row.full_widthBoolean用於判斷行是否為全寬。
custom_page.typeString自定義頁面的類型。
custom_page.titleString自定義頁面的標題。
custom_page.contentString自定義頁面的內容。

範例

以下是一個簡單的範例,顯示頁面的標題和內容:

{% 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

該模板屬於 主題私有頁; 詳細說明請查閱 主題私有頁與系統頁