在佈景主題編輯器中:自訂›頁尾›頁尾
頁尾
每個頁面的結尾:標誌、選單、社群連結、語言和國家/地區選擇器、付款圖示和版權列,每一項都是一個區塊。
把尺寸指南放在名為「說明」的選單群組中,顧客在每個頁面都能找到。
設定
版面配置
- 頁尾版面配置
- 選項: 經典、簽名、雙層、索引、精簡、版權頁預設: 經典經典:各區塊依清單順序排成一欄,每個區塊有各自的對齊方式和間距。在其他版面配置中,每種區塊在手機和電腦上都有固定位置;請維持清單順序不變,以方便鍵盤使用者。「Signature」版面配置以標誌區塊開頭:請新增一個。
區塊
區塊是區段裡的組成部分。在編輯器中可以新增、刪除區塊,並拖曳調整順序。
標誌
一般
- 標誌圖片
- 圖片留空:使用商店品牌設定中的標誌。若沒有標誌,則顯示商店名稱。
- 以白色顯示標誌
- 開啟或關閉預設: 開啟適用於深色頁尾上的深色標誌。若標誌為淺色或彩色,請關閉。
- 手機上的標誌寬度
- 滑桿,50 到 350 px預設: 178 px
- 電腦上的標誌寬度
- 滑桿,50 到 480 px預設: 230 px
- 標誌下方的文字行
- 文字顯示在兩條漸細線條之間。留空:不顯示該行。
位置
用於經典版面配置。其他版面配置會自行決定每個區塊的位置。
- 手機上的對齊
- 選項: 起始、置中、結尾預設: 置中
- 電腦上的對齊
- 選項: 起始、置中、結尾預設: 置中
- 上方間距,手機
- 滑桿,0 到 100 px預設: 0 px與上方部分的距離。拖曳清單中的區塊即可變更順序。
- 上方間距,電腦
- 滑桿,0 到 100 px預設: 0 px與上方部分的距離。拖曳清單中的區塊即可變更順序。
社群媒體
一般
- 社群媒體標題
- 文字留空則使用預設值。
- 標題位置
- 選項: 自動(依照頁尾版面配置)、圖示上方、圖示旁邊、隱藏預設: 自動(依照頁尾版面配置)「自動」會依照頁尾版面配置。「隱藏」不會顯示,但仍供螢幕閱讀器讀取。
- 上方線條
- 開啟或關閉預設: 關閉圖示上方的一條細線,與頁尾中的其他線條相同。在電腦上的「兩層」版面中,圖示位於連結旁邊,因此不顯示。
- 標題大小(手機與平板)
- 滑桿,12 到 32 px預設: 17 px
- 標題大小(電腦)
- 滑桿,12 到 40 px預設: 19 px
- 標題字重
- 滑桿,200 到 800預設: 700
- 面板背景
- 顏色留空:無面板。選擇顏色後,標題和圖示位於圓角面板上,且不繪製上方的線條。
- 面板文字和圖示
- 顏色留空:頁尾文字顏色。
社群圖示
手機的數值同樣適用於平板。電腦的數值從 990 像素寬度起適用。
- 圖示樣式
- 選項: 圖示、硬幣預設: 圖示
- 硬幣顏色
- 顏色預設: #FFFFFF
- 圖示顏色
- 顏色預設: #1F1C1A
- 旋轉時顯示平台名稱
- 開啟或關閉預設: 開啟滑鼠停留或在手機上輕點時,硬幣旋轉一圈,下方顯示平台名稱。
- 顯示尚未加入連結的圖示
- 開啟或關閉預設: 開啟Facebook、Instagram、TikTok、YouTube 與 X 在佈景主題設定中新增連結前,會顯示為不可點選的單純圖示。其他平台僅在有連結時才顯示。
- 圖示大小(手機)
- 滑桿,14 到 32 px預設: 18 px
- 圖示大小(電腦)
- 滑桿,14 到 32 px預設: 18 px
- 圖示間距(手機)
- 滑桿,0 到 40 px預設: 17.6 px
- 圖示間距(電腦)
- 滑桿,0 到 40 px預設: 17.6 px
- 每列圖示數(手機)
- 滑桿,2 到 12預設: 6一列放幾個圖示後換到新的一列。最後一列會置中。
- 每列圖示數(電腦)
- 滑桿,2 到 12預設: 6一列放幾個圖示後換到新的一列。最後一列會置中。
位置
用於經典版面配置。其他版面配置會自行決定每個區塊的位置。
- 手機上的對齊
- 選項: 起始、置中、結尾預設: 置中
- 電腦上的對齊
- 選項: 起始、置中、結尾預設: 置中
- 上方間距,手機
- 滑桿,0 到 100 px預設: 0 px與上方部分的距離。拖曳清單中的區塊即可變更順序。
- 上方間距,電腦
- 滑桿,0 到 100 px預設: 0 px與上方部分的距離。拖曳清單中的區塊即可變更順序。
在 Shop 上追蹤
一般
- 按鈕上方的標題
- 文字留空:不顯示標題。
讓顧客追蹤商店的 Shop 應用程式按鈕。僅在 Shop Pay 啟用,且商店後台已安裝 Shop 銷售管道時才會出現。按鈕、其文字與顏色皆由 Shopify 設定,不得更改;此區塊只設定它的位置。
位置
用於經典版面配置。其他版面配置會自行決定每個區塊的位置。
- 手機上的對齊
- 選項: 起始、置中、結尾預設: 置中
- 電腦上的對齊
- 選項: 起始、置中、結尾預設: 置中
- 上方間距,手機
- 滑桿,0 到 100 px預設: 26 px與上方部分的距離。拖曳清單中的區塊即可變更順序。
- 上方間距,電腦
- 滑桿,0 到 100 px預設: 26 px與上方部分的距離。拖曳清單中的區塊即可變更順序。
語言與國家/地區
一般
- 顯示語言選擇器
- 開啟或關閉預設: 開啟
- 顯示國家/地區與幣別選擇器
- 開啟或關閉預設: 開啟
- 在語言旁顯示國旗
- 開啟或關閉預設: 開啟在每種語言旁顯示一面小國旗。有些商店偏好不顯示,因為語言並不等同於國家。
語言選擇器僅在商店有多種語言時才會出現,國家/地區與幣別選擇器則僅在商店銷售到多個國家時才會出現。請在商店後台新增語言與國家/地區(設定:語言、市場)。兩種語言時語言選擇器為切換按鈕,三種以上時為清單。
位置
用於經典版面配置。其他版面配置會自行決定每個區塊的位置。
- 手機上的對齊
- 選項: 起始、置中、結尾預設: 置中
- 電腦上的對齊
- 選項: 起始、置中、結尾預設: 置中
- 上方間距,手機
- 滑桿,0 到 100 px預設: 26 px與上方部分的距離。拖曳清單中的區塊即可變更順序。
- 上方間距,電腦
- 滑桿,0 到 100 px預設: 26 px與上方部分的距離。拖曳清單中的區塊即可變更順序。
付款方式
一般
- 列樣式
- 選項: 整列滿版、一疊卡片(輕觸或滑過時展開)、安全付款標章預設: 一疊卡片(輕觸或滑過時展開)付款卡片的顯示方式。所有樣式的卡片尺寸與邊框都相同。
- 標章標題
- 文字留白則在各語言中顯示「安全付款」。
- 標章文字
- 文字留白則在各語言中顯示預設文字。
- 卡片邊框顏色
- 顏色預設: #000000每張付款卡片周圍的細邊框。
- 手機上的圖示高度
- 滑桿,12 到 40 px預設: 23 px
- 電腦上的圖示高度
- 滑桿,12 到 40 px預設: 23 px
位置
用於經典版面配置。其他版面配置會自行決定每個區塊的位置。
- 手機上的對齊
- 選項: 起始、置中、結尾預設: 置中
- 電腦上的對齊
- 選項: 起始、置中、結尾預設: 置中
- 上方間距,手機
- 滑桿,0 到 100 px預設: 44 px與上方部分的距離。拖曳清單中的區塊即可變更順序。
- 上方間距,電腦
- 滑桿,0 到 100 px預設: 36 px與上方部分的距離。拖曳清單中的區塊即可變更順序。
版權
一般
- 額外版權文字
- 文字顯示在商店名稱之後。
- 樣式
- 選項: 自動(依照頁尾版面配置)、簡約、漸細線條之間預設: 自動(依照頁尾版面配置)
- 手機上的文字大小
- 滑桿,10 到 20 px預設: 12 px
- 電腦上的文字大小
- 滑桿,10 到 20 px預設: 12 px
位置
用於經典版面配置。其他版面配置會自行決定每個區塊的位置。
- 手機上的對齊
- 選項: 起始、置中、結尾預設: 置中
- 電腦上的對齊
- 選項: 起始、置中、結尾預設: 置中
- 上方間距,手機
- 滑桿,0 到 100 px預設: 18 px與上方部分的距離。拖曳清單中的區塊即可變更順序。
- 上方間距,電腦
- 滑桿,0 到 100 px預設: 22 px與上方部分的距離。拖曳清單中的區塊即可變更順序。
連結
一般
- 選單
- 選單
- 連結上方的標題
- 文字留空:不顯示標題。
- 連結樣式
- 選項: 自動(依照頁尾版面配置)、連結數量固定的列、均衡列、欄、附線條和箭頭的清單、大型清單預設: 自動(依照頁尾版面配置)「自動」會依照頁尾版面配置。在均衡列中,圓點只會出現在同一行的兩個連結之間。
- 每列連結數(電腦)
- 滑桿,2 到 8預設: 4一列放幾個連結後換到下一列。最後一列可以較短。
- 每列連結數(手機)
- 滑桿,1 到 6預設: 3
- 手機上的欄數
- 選項: 自動、1、2、3預設: 自動適用於欄和清單。「自動」會依連結樣式決定欄數。
- 電腦上的欄數
- 選項: 自動、1、2、3、4預設: 自動適用於欄和清單。「自動」會依連結樣式決定欄數。
- 顯示箭頭
- 開啟或關閉預設: 開啟用於附線條和箭頭的清單。
- 手機上的文字大小
- 滑桿,10 到 20 px預設: 13.5 px
- 電腦上的文字大小
- 滑桿,10 到 20 px預設: 13.5 px
位置
用於經典版面配置。其他版面配置會自行決定每個區塊的位置。
- 手機上的對齊
- 選項: 起始、置中、結尾預設: 置中
- 電腦上的對齊
- 選項: 起始、置中、結尾預設: 置中
- 上方間距,手機
- 滑桿,0 到 100 px預設: 14 px與上方部分的距離。拖曳清單中的區塊即可變更順序。
- 上方間距,電腦
- 滑桿,0 到 100 px預設: 18 px與上方部分的距離。拖曳清單中的區塊即可變更順序。
這裡的內容與編輯器中看到的不一致嗎?請告訴我們,我們會修正指南。
