佈景主題編輯器更新

我們已重新打造 Shopify 的佈景主題編輯器,執行速度變快、功能更強大且更方便使用。

您無須採取任何動作,即可存取新的佈景主題編輯器。一旦您的商店擁有新佈景主題編輯器的存取權後,系統就會自動接收更新的功能。

此次更新僅能讓您存取下列功能,但並不包含在 Unite 公布的其他 Online Store 2.0 功能。解鎖那些功能的 Online Store 2.0 佈景主題將於接下來幾個月發佈。

側邊欄加強功能

新佈景主題編輯器有全新的側邊欄設計。

編輯器現在以樹狀圖顯示您目前在側邊欄檢視的範本所有內容。您無須點擊區段以存取區塊和設定,而是使用展開圖示 來展開節點查看區塊,或使用收合圖示 收合以隱藏區塊。您還可以點擊任何區段或區塊來檢視其設定。

展開和收合區段以檢視區塊

側邊欄模式

我們的編輯器現在提供兩種模式,以便您充分利用螢幕上的所有空間。

雙側邊欄模式適用於較寬的瀏覽器視窗和較大的螢幕,而單側邊欄模式則適用於較窄的瀏覽器視窗和較小的螢幕。側邊欄模式決定了設定面板在編輯器中的顯示位置。

雙側邊欄模式

如果螢幕寬度大於 1600 像素,且瀏覽器視窗已完全展開,或您的瀏覽器視窗展開寬度已超過 1600 像素,則您會看到兩個側邊欄。左側側邊欄包含導覽面板,而右側側邊欄則是包含設定面板。

在雙側邊欄模式時,設定面板會於螢幕右上方顯示

提示:若要在大螢幕上以單一側邊欄模式檢視佈景主題編輯器,請縮小瀏覽器視窗寬度,直到設定面板移至導覽側邊欄上方或消失。

單一側邊欄模式

寬度較窄的瀏覽器僅能容納一個側邊欄,以保留空間給佈景主題預覽畫面。若您點擊區段或區塊編輯,則設定面板會在側邊欄的導覽面板上方開啟。

在單一側邊欄模式時,設定面板以導覽面板的疊加層的形式顯示

區段和區塊

根據預設設定,您可以在區段和區塊清單中看到所有頁面區段的區塊。若為之前版本的佈景主題編輯器,您需要選取區段才能查看其區塊。

根據預設設定,組成頁首或頁尾的區段為收合狀態,但若您點擊區段名稱旁的展開圖示 即可查看。

提示:若您無法在區段中找到想要查看的設定,請嘗試在該區段的區塊中尋找。

移除區段

現在,您可以在每個品項的設定畫面中,從範本刪除區段或區塊。「移除區段」按鈕會顯示在區段設定最下方。

使用「移除區段」按鈕移除區段

步驟:

  1. 在佈景主題編輯器側邊欄中,點擊欲移除的區段或區塊。
  2. 點擊「移除區段」或「移除區塊」。
  3. 點擊「儲存」。如果您編輯的是已發佈的佈景主題,請點擊「發佈」以儲存所做的變更並讓變更內容在您的商店上線。

隱藏區塊

現在您可以使用眼睛圖示隱藏任何區段或區塊。

使用「移除區段」按鈕移除區段

範本

現在,您可以在佈景主題編輯器頂端列的頁面選擇器中存取所有佈景主題範本。

若您目前使用的是 Online Store 2.0 佈景主題,您也可以點擊「新範本」選項直接在頁面選擇器中建立新範本。

使用特定資源預覽範本

在檢視範本時,您可以查看其和商店相容資源搭配起來的效果。例如,假設您在檢視產品範本時,您可以使用商店中的任一產品來測試。

提示:您也可以使用頁面選擇器中的「搜尋」欄來搜尋範本和資源。

步驟:

  1. 在佈景主題編輯器頁面選擇器中,選取您想要預覽的範本。
  2. 在導覽面板的「預覽」區段中,點擊「變更」。
  3. 在「選取」選單中,選取您想要預覽的資源。

復原和取消復原動作

復原」和「取消復原」按鈕已移至佈景主題編輯器的右上方。

佈景主題編輯器頂端列的「復原」和「取消復原」按鈕。

檢視說明文件、取得支援,以及查看佈景主題版本

前往您佈景主題說明文件和支援資訊的連結已移至選單列中的「更多 選單。您也可以在此選單中查看佈景主題版本和建立者資訊。

此資訊之前可從「佈景主題動作」選單中存取。

使用「更多」按鈕以存取佈景主題資訊。

準備好開始透過 Shopify 銷售商品了嗎?

免費試用