模板使用分區(qū)來(lái)創(chuàng)建所需的布局。大多數(shù)分區(qū)由塊組成,塊用于提供特定功能,例如標(biāo)頭、文本、單張圖片、拼貼圖片或鏈接。在模板中使用分區(qū)和塊可為排列商店內(nèi)容提供更大的靈活性,使您無(wú)需編輯代碼即可控制在線商店的外觀。每個(gè)模板最多可有 25 個(gè)分區(qū)。
您可以向每個(gè)分區(qū)添加多種特定的塊。每個(gè)分區(qū)最多可以添加 50 個(gè)塊。您的模板決定哪些分區(qū)和塊可用。有關(guān)哪些選項(xiàng)可供您使用的詳細(xì)信息,請(qǐng)參閱您的模板文檔。
某些分區(qū)對(duì)可添加的塊數(shù)量或特定類(lèi)型的塊的數(shù)量有限制。例如,帶文本圖片分區(qū)只能顯示模板設(shè)計(jì)器為模板指定的塊。在 Shopify 的免費(fèi)模板 Dawn 中,您只能添加以下塊中的一個(gè)塊:
標(biāo)題 段落 按鈕
您可以通過(guò)編輯分區(qū)的設(shè)置來(lái)進(jìn)一步自定義分區(qū),包括添加圖片和選擇對(duì)齊方式、大小、背景色以及客戶訪問(wèn)您在線商店時(shí)首先加載的內(nèi)容。
如果您添加到商店布局的分區(qū)不包含您所需的設(shè)置或選項(xiàng),您可以編輯模板代碼或聯(lián)系模板的開(kāi)發(fā)人員尋求支持。
打開(kāi)編輯器時(shí),系統(tǒng)會(huì)默認(rèn)加載您商店的主頁(yè)。您可以使用下拉菜單選擇其他模板,或使用模板下拉菜單中的搜索欄來(lái)搜索特定頁(yè)面類(lèi)型。選中某個(gè)模板會(huì)將其加載到模板編輯器中,并且您所做的更改會(huì)隨著您的操作在編輯器中顯示預(yù)覽。
如果您的屏幕寬度超過(guò) 1600 像素,則您的自定義和編輯選項(xiàng)會(huì)顯示在屏幕右側(cè)。如果您的屏幕寬度小于 1600 像素,則它們將顯示在屏幕左側(cè)。
添加分區(qū)
向在線商店的任何頁(yè)面添加新分區(qū)。
步驟:
桌面
在 Shopify 后臺(tái)中,轉(zhuǎn)至在線商店 > 模板。
找到您要編輯的模板,然后點(diǎn)擊自定義。
從下拉菜單中選擇一個(gè)模板。
點(diǎn)擊 + 添加分區(qū),然后從列表中選擇一個(gè)新分區(qū),或使用搜索欄搜索特定詞。
點(diǎn)擊新分區(qū)以編輯分區(qū)中的塊。
可選:點(diǎn)擊并拖動(dòng)某個(gè)分區(qū)旁邊的 ?? 圖標(biāo)以重新排列頁(yè)面上的分區(qū)。 點(diǎn)擊保存。
iPhone/Android
在 Shopify 應(yīng)用中,點(diǎn)擊 … 按鈕。
在銷(xiāo)售渠道部分,輕觸在線商店。
點(diǎn)擊管理所有模板。
找到您要編輯的模板,然后輕觸自定義。
輕觸編輯。
從下拉菜單中選擇一個(gè)模板。
點(diǎn)擊 + 添加分區(qū),然后從列表中選擇一個(gè)新分區(qū),或使用搜索欄搜索特定詞。
點(diǎn)擊新分區(qū)以編輯分區(qū)中的塊。
可選:點(diǎn)擊并拖動(dòng)某個(gè)分區(qū)旁邊的 ?? 圖標(biāo)以重新排列頁(yè)面上的分區(qū)。
點(diǎn)擊保存。
編輯分區(qū)
桌面
在 Shopify 后臺(tái)中,轉(zhuǎn)至在線商店 > 模板。
找到您要編輯的模板,然后點(diǎn)擊自定義。
在下拉菜單中,選擇其中包含您要編輯的分區(qū)的模板。
點(diǎn)擊分區(qū)以將內(nèi)容加載到預(yù)覽窗口中,并訪問(wèn)您可用的選項(xiàng)。
可選:點(diǎn)擊各個(gè)塊以編輯分區(qū)中的塊。
點(diǎn)擊保存。
在 Shopify 應(yīng)用中,點(diǎn)擊 … 按鈕。
在銷(xiāo)售渠道部分,輕觸在線商店。
點(diǎn)擊管理所有模板。
找到您要編輯的模板,然后輕觸自定義。
輕觸編輯。
在下拉菜單中,選擇其中包含您要編輯的分區(qū)的模板。
點(diǎn)擊分區(qū)以將內(nèi)容加載到預(yù)覽窗口中,并訪問(wèn)您可用的選項(xiàng)。
可選:點(diǎn)擊各個(gè)塊以編輯分區(qū)中的塊。
點(diǎn)擊保存。
提示:
您可以通過(guò)使用每個(gè)塊的拖放圖柄 ?? 來(lái)重新排列此分區(qū)中的塊。
復(fù)制分區(qū)或塊
桌面
在 Shopify 后臺(tái)中,轉(zhuǎn)至在線商店 > 模板。 找到您要編輯的模板,然后點(diǎn)擊自定義。 在下拉菜單中,選擇包含要復(fù)制的分區(qū)或塊的模板。 點(diǎn)擊要復(fù)制的分區(qū)或塊。 在側(cè)邊欄中點(diǎn)擊分區(qū)名稱旁邊的 ... 按鈕,然后點(diǎn)擊復(fù)制。 點(diǎn)擊保存。
iPhone/Android
在 Shopify 應(yīng)用中,點(diǎn)擊 … 按鈕。 在銷(xiāo)售渠道部分,輕觸在線商店。 點(diǎn)擊管理所有模板。 找到您要編輯的模板,然后輕觸自定義。 輕觸編輯。 在下拉菜單中,選擇包含要復(fù)制的分區(qū)或塊的模板。 點(diǎn)擊要復(fù)制的分區(qū)或塊。 在側(cè)邊欄中點(diǎn)擊分區(qū)名稱旁邊的 ... 按鈕,然后點(diǎn)擊復(fù)制。 點(diǎn)擊保存。
刪除分區(qū)或塊
桌面
在 Shopify 后臺(tái)中,轉(zhuǎn)至在線商店 > 模板。 找到您要編輯的模板,然后點(diǎn)擊自定義。 在下拉菜單中,選擇其中包含您要編輯的分區(qū)的模板。 點(diǎn)擊分區(qū)以將內(nèi)容加載到預(yù)覽窗口中,并訪問(wèn)您可用的選項(xiàng)。 點(diǎn)擊眼睛圖標(biāo)以隱藏或取消隱藏分區(qū)或塊。 點(diǎn)擊刪除以刪除塊或分區(qū)。
iPhone/Android
在 Shopify 應(yīng)用中,點(diǎn)擊 … 按鈕。 在銷(xiāo)售渠道部分,輕觸在線商店。 點(diǎn)擊管理所有模板。 找到您要編輯的模板,然后輕觸自定義。 輕觸編輯。 在下拉菜單中,選擇其中包含您要編輯的分區(qū)的模板。 點(diǎn)擊分區(qū)以將內(nèi)容加載到預(yù)覽窗口中,并訪問(wèn)您可用的選項(xiàng)。 點(diǎn)擊眼睛圖標(biāo)以隱藏或取消隱藏分區(qū)或塊。 點(diǎn)擊刪除以刪除塊或分區(qū)。
某些分區(qū)具有固定的塊類(lèi)型和限制。如果存在針對(duì)特定分區(qū)或塊的限制,則界面會(huì)告知您已使用了 X 個(gè)塊,共 X 個(gè)可用塊。如果您已使用了最大數(shù)量的塊,那么在刪除現(xiàn)有塊之前,您將無(wú)法添加任何其他塊。
使用塊
塊是構(gòu)成頁(yè)面模板中的分區(qū)的可自定義模塊。您可以使用塊來(lái)添加文本、圖片、鏈接、按鈕等。
Shopify 模板中包含您可以自定義的分區(qū)和塊。某些分區(qū)具有固定的塊類(lèi)型,這意味著只能從模板設(shè)計(jì)器為該分區(qū)提供的塊中進(jìn)行選擇。其他分區(qū)允許您選擇任何塊,但會(huì)限制您可以添加到該分區(qū)的總塊數(shù)。如果您分區(qū)中的塊已達(dá)到最大可用數(shù)量,則會(huì)顯示一條消息,提示已達(dá)到限制,并且在您刪除現(xiàn)有塊之前,+ 添加塊選項(xiàng)將顯示為灰色。
添加塊
桌面
在 Shopify 后臺(tái)中,轉(zhuǎn)至在線商店 > 模板。 找到您要編輯的模板,然后點(diǎn)擊自定義。 在下拉菜單中,選擇其中包含您要編輯的分區(qū)的模板。 點(diǎn)擊分區(qū)以將內(nèi)容加載到預(yù)覽窗口中,并訪問(wèn)您可用的選項(xiàng)。 點(diǎn)擊 + 添加塊并選擇一個(gè)新塊,或點(diǎn)擊搜索欄以輸入搜索詞。 點(diǎn)擊保存。
iPhone/Android
在 Shopify 應(yīng)用中,點(diǎn)擊 … 按鈕。 在銷(xiāo)售渠道部分,輕觸在線商店。 點(diǎn)擊管理所有模板。 找到您要編輯的模板,然后輕觸自定義。 輕觸編輯。 在下拉菜單中,選擇其中包含您要編輯的分區(qū)的模板。 點(diǎn)擊分區(qū)以將內(nèi)容加載到預(yù)覽窗口中,并訪問(wèn)您可用的選項(xiàng)。 點(diǎn)擊 + 添加塊并選擇一個(gè)新塊,或點(diǎn)擊搜索欄以輸入搜索詞。 點(diǎn)擊保存。
使用元字段和動(dòng)態(tài)源
元字段可用于在您的在線商店中顯示動(dòng)態(tài)信息。如果您有支持元字段的模板,您可以將元字段連接到模板編輯器中的分區(qū)或塊。
例如,蠟燭賣(mài)家可能想顯示每種在售蠟燭的燃燒時(shí)間。設(shè)置用于燃燒時(shí)間的元字段后,賣(mài)家可以將用于燃燒時(shí)間的塊添加到他們的產(chǎn)品模板中,然后將該塊連接到元字段。為列出燃燒時(shí)間的頁(yè)面設(shè)置產(chǎn)品系列元字段后,賣(mài)家可以將塊添加到他們的產(chǎn)品系列模板中,然后將此塊連接到產(chǎn)品系列元字段。
此功能需要支持 JSON 模板的模板。請(qǐng)參閱您的模板文檔,了解您的模板是否與動(dòng)態(tài)模板設(shè)置兼容。有關(guān)使用元字段的更多信息,請(qǐng)參閱元字段文檔。
如果您有 Shopify 模板,則可以通過(guò)使用模板編輯器來(lái)將大多數(shù)元字段連接到您的模板。如果您使用其他模板,或者您要添加您的模板不支持的元字段類(lèi)型,則可以編輯您的模板代碼,或聘請(qǐng) Shopify 專家來(lái)幫助您。詳細(xì)了解如何聘請(qǐng) Shopify 專家。
并非所有分區(qū)都支持動(dòng)態(tài)源。請(qǐng)參閱您的模板文檔了解詳細(xì)信息。
您可以通過(guò)添加可使用動(dòng)態(tài)源的分區(qū)或塊來(lái)在您的在線商店中顯示動(dòng)態(tài)信息。動(dòng)態(tài)源可用于產(chǎn)品模板中的任何分區(qū)或塊。在非產(chǎn)品模板中,動(dòng)態(tài)源可用于顯示產(chǎn)品的分區(qū)或塊。您需要先添加元字段,然后才能在模板中連接它。請(qǐng)參閱動(dòng)態(tài)源,了解有關(guān)在模板中使用元字段和動(dòng)態(tài)源的更多信息。
完成設(shè)置過(guò)程后,請(qǐng)按照以下步驟將動(dòng)態(tài)源插入模板:
桌面點(diǎn)擊 + 添加塊,然后連接動(dòng)態(tài)源:
如果顯示連接動(dòng)態(tài)源圖標(biāo),請(qǐng)點(diǎn)擊該圖標(biāo)以選擇一個(gè)元字段:
如果連接動(dòng)態(tài)源圖標(biāo)顯示 +,則點(diǎn)擊該符號(hào)以選擇元字段(最多 20 個(gè)),一次可以添加一個(gè)元字段:
點(diǎn)擊保存。
iPhone/Android
在 Shopify 應(yīng)用中,點(diǎn)擊 … 按鈕。 在銷(xiāo)售渠道部分,輕觸在線商店。 點(diǎn)擊管理所有模板。 找到您要編輯的模板,然后輕觸自定義。 輕觸編輯。 在下拉菜單中,選擇其中包含您要編輯的分區(qū)的模板。 點(diǎn)擊現(xiàn)有分區(qū)以將內(nèi)容加載到預(yù)覽窗口中并訪問(wèn)您可用的選項(xiàng),或點(diǎn)擊 + 添加分區(qū)。點(diǎn)擊 + 添加塊,然后連接動(dòng)態(tài)源:
如果顯示連接動(dòng)態(tài)源圖標(biāo),請(qǐng)點(diǎn)擊該圖標(biāo)以選擇一個(gè)元字段:
如果連接動(dòng)態(tài)源圖標(biāo)顯示 +,則點(diǎn)擊該符號(hào)以選擇元字段(最多 20 個(gè)),一次可以添加一個(gè)元字段:
點(diǎn)擊保存。