版面更新
開始使用自訂配置更新之前,請務必瞭解商店的頁面建構方式,以及術語 配置 和 配置更新 之間的差異。 版面配置是指頁面的視覺和結構組成。 版面配置更新是指一組特定的XML指示,這些指示可以覆寫或自訂頁面的建構方式。
Commerce存放區的XML配置是容器和區塊的階層結構。 有些元素會出現在每個頁面上,有些則只會出現在特定頁面上。 若要深入瞭解配置、容器和區塊,請參閱 前端開發人員指南 中的配置概觀。
使用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
使用版面配置更新置入區塊
版面配置更新可以自訂頁面的版面。 版面配置更新提供比介面工具更多的彈性,但需要存取伺服器並具備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頁面識別碼 具有任何正斜線( /
)的頁面的URL索引鍵會以底線(_
)取代。版面配置更新名稱 為 自訂配置更新 顯示的選項。
步驟3:從頁面參考版面更新
-
在 管理員 側邊欄上,移至 Content > Elements>Pages。
-
尋找您要放置區塊的頁面,並以編輯模式開啟該頁面。
-
向下捲動並展開 Design 區段。
-
若要顯示與頁面相關聯的所有可用版面配置更新,請按一下 Custom Layout Update 功能表。
{width="400" modal="regular"}
-
選取您要套用至頁面的版面配置更新。
步驟4:儲存並重新整理快取
-
完成時,按一下 Save & Close。
-
在工作區頂端的郵件中,按一下 Cache Management 並重新整理所有無效的快取專案。