版面更新
開始使用自訂版面更新之前,請務必瞭解商店頁面的建構方式以及字詞之間的差異 版面 和 版面更新. 版面配置是指頁面的視覺和結構組成。 版面配置更新是指一組特定的XML指示,這些指示可以覆寫或自訂頁面的建構方式。
您的XML配置 Commerce 存放區是容器和區塊的階層結構。 有些元素會出現在每個頁面上,有些則只會出現在特定頁面上。 若要進一步瞭解版面、容器和區塊,請參閱 版面概觀 在 前端開發人員指南.
此 Widget 工具是新增現有專案的簡單方法 內容區塊 至頁面的預設版面。 如需更進階的更新,您必須將XML配置更新程式碼儲存在伺服器上,然後以自訂配置更新的形式參照檔案。 如需程式概述,請參閱 使用版面更新.
下圖中,參照容器的名稱為黑色,而區塊型別(或區塊類別路徑)為藍色。
{width="500" modal="regular"}
page/html
root
而且是版面配置中少數的根區塊之一。 您也可以建立自己的區塊並為其命名 root
,此為此類區塊的標準名稱。 每頁只能有一個此型別的區塊。page/html_head
head
而且是根區塊的子項。 每個頁面只能有一個此型別的區塊,且不得移除。page/html_notices
global_notices
而且是根區塊的子項。 如果從版面配置中移除此區塊,全域通知不會顯示在頁面上。 每頁只能有一個此型別的區塊。page/html_header
header
而且是根區塊的子項。 此區塊對應至頁面頂端的視覺化標頭,並包含數個標準區塊。 每個頁面只能有一個此型別的區塊,且不得移除。page/html_wrapper
page/html_breadcrumbs
breadcrumbs
而且是標頭區塊的子項。 此區塊會顯示目前頁面的階層連結。 每頁只能有一個此型別的區塊。page/html_footer
footer
而且是根區塊的子項。 頁尾區塊對應至頁面底部的視覺頁尾,並包含數個標準區塊。 每個頁面只能有一個此型別的區塊,且不得移除。page/template_links
top.links
區塊是標題區塊的子項,與頂端導覽功能表相對應。 此 footer_links
區塊是頁尾區塊的子項,與底部導覽功能表相對應。注意: 您可以操控範本連結,如範例所示。
page/switch
store_language
區塊是標頭區塊的子項,並對應至上層語言切換器。 此 store_switcher
區塊是頁尾區塊的子項,與底部存放區切換器相對應。global_messages
區塊會顯示全域訊息。 此 messages
區塊用於顯示所有其他訊息。 如果您移除這些區塊,客戶看不到任何訊息。core/text_list
core/profiler
使用版面配置更新置入區塊
版面更新 可以自訂頁面的版面。 版面更新提供比 Widget,但需要存取伺服器並具備XML的基本知識。
下列步驟說明如何使用版面配置更新在頁面上放置區塊。 如需語法的特定範例和說明,請參閱 常見版面自訂任務 在 前端開發人員指南.
步驟1:建立區塊
-
建立 區塊 要放置的位置。
-
記下
block_id
,因為它用於版面配置更新指示中。
步驟2:以XML撰寫版面更新
-
以XML撰寫版面配置指示至 參考CMS區塊.
-
儲存 配置指示 在伺服器上為主題儲存XML檔案的佈局資料夾中。
例如:
<theme_dir>/<Namespace>_<Module>/layout
配置控制代碼是開頭為的檔案名稱
cms_page_view_selectable_
,然後是CMS頁面的URL鍵、版面更新選項以及xml
檔案字尾。 在以下範例中,customer-service
是頁面的URL索引鍵,以及ChatTool
是您選取將版面配置更新套用至頁面的選項。cms_page_view_selectable_
<customer-service
>_
<ChatTool
>.xml
table 0-row-2 1-row-2 2-row-2 layout-auto 元素 說明 CMS頁面識別碼 包含任何正斜線( /
)取代為底線(_
)。版面配置更新名稱 針對以下專案顯示的選項 自訂配置更新.
步驟3:從頁面參考版面更新
-
在 管理員 側欄,前往 Content > Elements>Pages.
-
尋找您要放置區塊的頁面,並以編輯模式開啟該頁面。
-
向下捲動並展開 此 Design 區段。
-
若要顯示與頁面相關聯的所有可用版面更新,請按一下 Custom Layout Update 功能表。
{width="400" modal="regular"}
-
選取您要套用至頁面的版面配置更新。
步驟4:儲存並重新整理快取
-
完成後,按一下 Save & Close.
-
在工作區頂端的訊息中,按一下 Cache Management 並重新整理所有無效的快取專案。