做完會是什麼樣子

你會在佈景主題的「副本」上，把首頁調成：橫幅有你的標題與按鈕、首頁有精選產品區塊，並多了一段你自己寫的文字區段，順序也調整好。因為是在副本上操作，目前使用中的首頁完全不受影響。

開始前

• 已有 Shopify 商店，並至少有一個商品（精選產品區塊要有商品可顯示）；若想顯示某個商品系列，建議先完成第 2 課「商品分類與選單」。

• 本課使用測試商店與 Dawn 佈景主題示範。每個主題提供的區段與設定不同，請以你的主題畫面為準。

步驟

步驟 1：先複製佈景主題

進入左側「線上商店」，會看到目前使用中的佈景主題（示範商店用的是 Dawn）。按右下角的三個點，選「複製」。修改之前先複製一份當備份，是 Shopify 官方也建議的做法。複製完成後，副本會出現在「草稿佈景主題」底下，不會影響現在的首頁。

步驟 2：打開主題編輯器

按副本的「編輯佈景主題」，進入主題編輯器。編輯器右邊可能自動跳出 Sidekick 助理面板，本課用不到，按右上角的叉叉關掉。左邊是首頁的結構：標頭、範本和頁尾，首頁的主要內容在「範本」裡；右邊是即時預覽，改了馬上看得到。

步驟 3：修改橫幅的標題與按鈕

點開「圖片橫幅」，裡面有標題、文字和按鈕三個區塊。

• 選「標題」，直接在欄位改文字。中文示範：柔光，讓家更有溫度；英文範例：Soft Light for a Warmer Home。預覽會同步更新。

• 選「按鈕」。「標籤」是按鈕上的字（中文示範：查看檯燈；英文範例：Shop Lamps）；下面的「連結」決定按下去會到哪一頁。

步驟 4：認識「精選產品」區塊

「精選產品」會在首頁大大地展示一個商品（示範目前顯示 Mira 檯燈），不是整個商品系列。要換商品，點「產品」欄位，選「取代」。本課先不換，只示範有這個選項。

步驟 5：新增區段並編輯文字

想在首頁多加一段內容，按「新增區段」。清單裡有精選商品系列、RTF 文字、附文字的圖片等，示範選「RTF 文字」。新增後會先看到範例文字：點開「標題」，改成你要的內容（中文示範：每天都需要一盞柔和的燈；英文範例：A Gentle Lamp for Every Day），再用同樣方式改「文字」。這個區段的按鈕不需要連到哪裡，所以選它，再按「移除區塊」。

步驟 6：調整區段順序

區段的順序就是首頁由上到下的順序。在左邊清單按住「RTF 文字」往上拖，放到「精選產品」上面，預覽會跟著調整。

步驟 7：看一下「佈景主題設定」

整個商店的顏色、字型、按鈕樣式，在左上角的「佈景主題設定」。點開「色彩」可以看到目前配色。新手先維持預設，熟悉後再慢慢調整。

步驟 8：儲存並檢查手機畫面

確認內容後，按右上角「儲存」，出現「已儲存變更」就表示存好了。按預覽上方的手機圖示，可以切換成手機畫面。顧客可能用手機或電腦瀏覽，建議每次調整完兩種畫面都看一下。

步驟 9：回到佈景主題頁，先不要發布

回到佈景主題頁，副本在「草稿佈景主題」底下，使用中的首頁沒有任何改變。副本旁邊的「發布」按鈕，按下去後它才會成為商店使用中的佈景主題。本課示範到這裡，先不按。