在佈景主題編輯器中:自訂›頁首›頁首
頁首
凹口中的標誌、選單,以及搜尋、帳號和購物車圖示。在手機上圖示像硬幣一樣浮動;在電腦上選單位於一條橫列中。
上傳透明背景的標誌,再使用「裁去標誌的透明邊緣」,讓標誌置中於凹口。
設定
標誌
- 標誌圖片
- 圖片若留空,將以文字顯示商店名稱。
- 電腦版標誌寬度
- 滑桿,100 到 300 px預設: 190 px裁去透明邊緣後,標誌可見部分的寬度。
- 電腦版標誌最大高度
- 滑桿,40 到 160 px預設: 65 px較高的標誌會縮小至此高度。高度指的是可見部分的高度。
- 手機版標誌寬度
- 滑桿,80 到 200 px預設: 100 px手機與平板上標誌可見部分的寬度。在較窄的手機上會視需要縮小,為旁邊的圖示留出空間。
- 手機版標誌最大高度
- 滑桿,24 到 44 px預設: 34 px較高的標誌在手機與平板上會縮小至此高度。列高固定為 48px,因此最高為 44。
- 手機上標誌在凹槽中的位置
- 滑桿,-8 到 12 px預設: 4 px正數會讓標誌下移,負數則上移。0:在頁首列中置中。
- 電腦上標誌在凹槽中的位置
- 滑桿,-8 到 12 px預設: 0 px正數會讓標誌下移,負數則上移。0:在頁首列中置中。
裁去標誌的透明邊緣
- 從上方裁切
- 滑桿,0 到 40 %預設: 17 %
- 從下方裁切
- 滑桿,0 到 40 %預設: 22 %
- 從左側裁切
- 滑桿,0 到 40 %預設: 7.5 %
- 從右側裁切
- 滑桿,0 到 40 %預設: 3.5 %
標誌圖片的簽名周圍通常有透明邊緣。請設定從圖片每一側裁去多少(以百分比計);上方的標誌尺寸即以裁切後的部分為準。若圖片已緊密裁切,請將所有數值保持為 0。
圖示
- 顯示搜尋按鈕
- 開啟或關閉預設: 開啟
- 搜尋欄位中輸入的字詞
- 文字在手機上開啟搜尋時,這些字詞會依序輸入到欄位中。請以逗號分隔。留空則使用主選單的連結名稱。 它們也會在輸入前作為靈感顯示。
- 輸入前
- 選項: 靈感和最近搜尋、僅靈感、僅最近搜尋、不顯示預設: 靈感和最近搜尋靈感是搜尋欄中的詞語。最近搜尋是每位顧客自己的記錄,儲存在其瀏覽器中。
- 帳號選單
- 選單Shopify 帳號視窗中登入下方的連結。選擇「顧客帳號主選單」可與帳號頁面保持一致。
- 頁首硬幣大小
- 滑桿,36 到 48 px預設: 40 px手機和平板上頁首硬幣的直徑。電腦版頁首沒有硬幣:圖示以線條形式放在橫條上。硬幣內的圖示為直徑的一半。
- 購物袋對加入商品有反應
- 開啟或關閉預設: 開啟商品加入購物車時,購物袋會略微下沉、壓扁再彈回。在購物車內變更數量時不會出現。
電腦版頁首
- 電腦版選單樣式
- 選項: 圖書館:所有連結分欄顯示、房間:一次一個群組、畫廊:每個群組一張圖片預設: 圖書館:所有連結分欄顯示橫條下方的面板如何顯示選單項目的連結。由您的一般選單建立,最多三層。
- 選單中的系列圖片
- 開啟或關閉預設: 開啟在圖書館和房間樣式中,系列圖片顯示在連結旁,並隨指標下的連結切換。畫廊一律顯示圖片。
- 選單面板顏色
- 選項: 白色,與搜尋相同、深色、自訂顏色預設: 白色,與搜尋相同
- 面板顏色
- 顏色文字顏色自動選擇:淺色背景用深色文字,深色背景用淺色文字。
手機懸浮選單
- 捲動時的懸浮選單
- 選項: 關閉、在手機上預設: 在手機上在手機上,頁首捲出螢幕後,同樣的四個圖示會懸浮在螢幕底部靠近拇指的膠囊中。選單、搜尋和購物車會像在頁面頂端時一樣從上方開啟。聊天應用程式:請在其設定中保留至少 90 px 的底部邊距,讓它們位於膠囊上方。
- 浮動選單的形狀
- 選項: 從邊框升起的標籤、浮動,上窄、浮動,上寬預設: 從邊框升起的標籤標籤:從邊框底部以標誌缺口的形狀升起,使用邊框顏色。浮動形狀使用下方的選單顏色。
- 懸浮選單顏色
- 選項: 與頁首硬幣相同、深色、淺色預設: 與頁首硬幣相同「與頁首硬幣相同」會跟隨頁首硬幣的顏色:深色邊框時為深色,白色邊框時為淺色。
- 底部選單圖示顏色
- 顏色手機浮動選單中的圖示。留空:選單色調的顏色。
- 底部選單圓環顏色
- 顏色每個圖示周圍的細圓環,無填色。開啟的圖示會以此顏色填滿。留空:選單色調的顏色。
- 與邊框的距離
- 滑桿,0 到 24 px預設: 4 px選單與下方邊框之間的間距;瀏覽器列遮住邊框時,為與瀏覽器列的間距。上下捲動時相同。預設:4 像素。
選單
- 主選單
- 選單請在「內容」>「選單」中編輯選單項目。
- 手機選單上方的小標題
- 文字留空則使用預設值。
- 會員俱樂部按鈕文字
- 文字手機選單底部的按鈕。留空則使用預設值。
- 選單中的語言與國家/地區選擇器
- 開啟或關閉預設: 開啟位於會員俱樂部按鈕上方。僅在有多種語言或國家/地區時才會出現。
- 橫條中的語言選擇
- 開啟或關閉預設: 開啟在電腦上,語言選擇位於頂部橫條的搜尋圖示之前。在手機和平板上位於選單中。
- 在語言旁顯示國旗
- 開啟或關閉預設: 開啟在每種語言旁顯示一面小國旗。有些商店偏好不顯示,因為語言並不等同於國家。
- 選單中的社群平台
- 開啟或關閉預設: 開啟位於會員俱樂部按鈕下方的一排實心圖示,與頁尾相同。連結與順序請在佈景主題設定的「社群媒體」中設定。Facebook、Instagram、TikTok、YouTube 與 X 在新增連結前會顯示為單純圖示;其他平台僅在有連結時才顯示。
- 選單顏色
- 顏色預設: #FFFFFF可選擇任何顏色。文字與按鈕會自動配合:深色上的文字為奶油色。預設:白色,與邊框相同。
- 背景樣式
- 選項: 純色、燈光舞台預設: 純色燈光舞台:由上而下的柔和光線,往下逐漸變淡,由所選顏色產生。淺色時頂部會變白;深色時成為深色舞台。
- 光線顏色
- 顏色來自頂端中央的柔和光線。留空:白色。
- 會員俱樂部按鈕顏色
- 顏色選單底部的按鈕。留空:使用選單顏色。文字會自動變為淺色或深色以配合。
- 選單背景圖片
- 圖片選用。圖片僅在選單第一次開啟時載入。上方覆蓋一層選單顏色的薄紗。
- 圖片上的薄紗濃度
- 滑桿,0 到 100 %預設: 80 %以多少選單顏色覆蓋圖片,讓文字保持清晰易讀。0 則直接顯示圖片。
這裡的內容與編輯器中看到的不一致嗎?請告訴我們,我們會修正指南。
