頁面配置

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

主題：
CMS

建立對象：

初學者
中繼
管理員
使用者

商店中每個頁面的版面配置都包含定義頁面頁首、頁尾和內容區域的不同區段或容器。視版面配置而定，每個頁面可能會有一欄、兩欄、三欄或更多欄。您可以將該版面配置視為頁面的 平面圖，並指派特定版面配置作為CMS、產品及類別頁面的預設值。

在頁面上，內容區塊會根據頁面配置中指派顯示它們的區段，浮動以填滿可用空間。請注意，如果您將版面配置從三欄變更為兩欄，主區域的內容會展開以填滿可用空間。另請注意，與未使用側邊列關聯的任何區塊似乎都會消失。不過，如果您恢復三欄版面配置，區塊會重新出現。這種流動式方法，或 流動式版面，可以變更頁面版面，而不需要重新處理內容。如果您習慣使用個別HTML頁面，這種模組化的 建置區塊 方法需要不同的思考方式。

標準兩欄式左條頁面配置

設定預設版面

在 管理員 側邊欄上，移至 Stores > Settings>Configuration。
在左側面板的 General 下，選擇 Web。
展開 Default Layouts 區段的。

{width="600" modal="regular"}
選擇您要用於產品頁面的 Default Product Layout。

此設定決定預設用於產品頁面的版面。
- No layout updates — 產品頁面沒有配置更新可用。
- Empty — 對產品頁面使用空白配置。
- 1 column — 對產品頁面使用單一欄配置。
- 2 columns with left bar — 針對產品頁面使用左側邊欄的雙欄配置。
- 2 columns with right bar — 針對產品頁面使用右側具側欄的雙欄配置。
- 3 columns — 對產品頁面使用左右兩側有側欄的三欄式配置。
啟用頁面產生器時，會有其他可用的完整寬度選項。然後您可以使用頁面產生器內容工具來設計產品頁面的版面。
- Page -- Full Width — 使用產品頁面的 頁面 — 全寬 配置。
- Category -- Full Width — 使用產品頁面的 類別 — 完整寬度 配置。
- Product -- Full Width - （建議）使用產品頁面的 Product - Full Width 配置。
選擇您要用於類別頁面的 Default Category Layout。

此設定會決定類別頁面預設使用的版面。
- No layout updates — 配置更新不適用於類別頁面。
- Empty — 對類別頁面使用空白配置。
- 1 column — 對類別頁面使用單一欄配置。
- 2 columns with left bar — 針對類別頁面使用左側邊欄的雙欄配置。
- 2 columns with right bar — 針對類別頁面使用右側具側欄的雙欄版面配置。
- 3 columns — 對類別頁面使用左右兩側有側欄的三欄式配置。
啟用頁面產生器時，會有其他可用的完整寬度選項。接著，您可以使用頁面產生器內容工具，設計類別頁面的版面。
- Page -- Full Width — 使用類別頁面的 頁面 — 全寬 配置。
- Category -- Full Width - （建議使用）類別頁面使用 類別 — 完整寬度 配置。
- Product -- Full Width — 使用類別頁面的 產品 — 全寬 配置。
選擇您要用於CMS頁面的 Default Page Layout。

此設定決定了CMS頁面預設使用的版面。
- No layout updates - CMS頁面無法使用版面更新。
- Empty — 針對CMS頁面使用空白版面。
- 1 column — 針對CMS頁面使用單一欄配置。
- 2 columns with left bar — 針對CMS頁面使用左側邊欄的雙欄配置。
- 2 columns with right bar — 針對CMS頁面使用右側具側欄的雙欄配置。
- 3 columns — 針對CMS頁面使用左右兩側有側欄的三欄式配置。
啟用頁面產生器時，會有其他可用的完整寬度選項。然後您可以使用頁面產生器內容工具來設計CMS頁面的版面。
- Page -- Full Width - （建議）使用CMS頁面的 頁面 — 完整寬度 配置。
- Category - Full Width — 使用CMS頁面的 類別 — 完整寬度 配置。
- Product - Full Width — 使用CMS頁面的 Product — 全寬 配置。
完成時，按一下 Save Config。