使用預覽檢查器進行自訂

您可以使用預覽檢查器，直接在預覽視窗中導覽至各個區段與區塊，更快速直覺地找到對應的設定。透過預覽檢查器，您也能直接在預覽視窗中重新排序、隱藏或複製區段與區塊。

預覽檢查器適用於所有 Shopify 免費佈景主題，且預設為啟用狀態。

本頁內容

在編輯工作階段中，您可以按一下按鈕，開啟或關閉預覽檢查器。

啟用預覽檢查器後，您可以按一下任何以框線標示的元素，開啟對應的設定。在行動裝置上，啟用預覽檢查器後，您可以輕點任一元素以選取對應的設定。您可以開啟下方面板，透過所選設定進行編輯。

在預覽視窗中按一下網站的任何部分，側邊欄即會載入對應的設定。在行動裝置上，輕點兩下即可像顧客一樣瀏覽網站。

使用預覽檢查器時，您可以直接從預覽視窗將區段與區塊新增到佈景主題中。若要在 Shopify app 中使用預覽檢查器，請長按某個區段以管理該區段。

預覽檢查器中「新增區段」與「新增區塊」按鈕的說明。
工具	說明
新增區段	新增區段按鈕會顯示在所選區段的上方與下方。按一下新增區段按鈕，可在所選區段的上方或下方插入新區段。
新增區塊	游標停留在現有區塊上時，會顯示新增區塊按鈕。若要新增區塊，請將游標移到按鈕上。系統會顯示快顯選單，其中包含可新增至所選區段的佈景主題區塊與 app 區塊。按一下您要新增的區塊。新區塊的設定視窗會載入到右側邊欄。

您可以在佈景主題編輯器中透過預覽檢查器，移動、隱藏、複製或刪除區段與區塊。

可用的預覽檢查器工具清單，包括移動、複製、隱藏與刪除區段或區塊。
工具	操作	說明
	移至上一個位置	按一下此按鈕，使用預覽檢查器中的箭頭圖示，將區段或區塊移至上一個或下一個位置。若所選區段位於頁面頂端，按鈕會呈灰色無法使用。同樣地，若區段位於頁面底部，則無法使用按鈕。
	移至下一個位置
	複製區段或區塊	按一下此按鈕即可複製區段或區塊及其內容。
	隱藏區段或區塊	按一下此按鈕可隱藏區段或區塊。區段或區塊隱藏後，無法在預覽檢查器中取消隱藏。您可以按一下功能列中的按鈕，或在側邊欄選單中，點按該區段或區塊旁的按鈕以取消隱藏。
	刪除區段或區塊	此按鈕會在預覽檢查器中刪除所選區段或區塊。