Guides

404.liquid

Suggest Edits

404.liquid 是 SHOPLINE 平台主題模板中用於顯示 404 錯誤頁面的文件。

可控制用戶造訪商店中的無效 URL 後進入{domain}/404看到的內容， 以下為 404 頁預設內容：

869

The default 404 page provided

＊注意：如果 404 自動重定向，則將跳過此模板設定已開啟。

結構

該文件主要包含以下部分：

  • HTML 頭部（<head>）：包含頁面的元數據，如字符集、店铺名称、頁面標題、頁面描述、關鍵詞等。
  • HTML 主體（<body>）：包含頁面的主要內容，如 404 錯誤信息、返回首頁鏈接等。
  • CSS 樣式（<style>）：定義頁面的樣式。

使用

在 404.liquid 文件中，你可以自定義 404 錯誤頁面的內容和樣式。例如，你可以修改錯誤信息的文本，或者添加一個鏈接讓用戶返回首頁。

範例

以下是一個簡單的範例，顯示一個 404 錯誤信息和一個返回首頁的鏈接：

<html lang="{{ shop.current_locale.code }}">
  <head>
    <meta charset="utf-8">
    <title>Not Found</title>
  </head>
  <body>
    <div class="wrapper">
      <div class="title">404</div>
      <div class="engtext">Page Not Found.</div>
      <div class="chitext">找不到網頁</div>
    </div>
    <div class="footer">
      <div class="logo"><a href="http://www.shoplineapp.com/"><img src="{{ system.static_asset_root }}/footer/logo-powered-by-dark.png" width="170" height="45"></a></div>
    </div>
  </body>
</html>

📘

Note

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

Updated 8 months ago