在佈景主題編輯器中:自訂頁尾頁尾

頁尾

每個頁面的結尾:標誌、選單、社群連結、語言和國家/地區選擇器、付款圖示和版權列,每一項都是一個區塊。

把尺寸指南放在名為「說明」的選單群組中,顧客在每個頁面都能找到。

設定

版面配置

頁尾版面配置
選項: 經典、簽名、雙層、索引、精簡、版權頁預設: 經典經典:各區塊依清單順序排成一欄,每個區塊有各自的對齊方式和間距。在其他版面配置中,每種區塊在手機和電腦上都有固定位置;請維持清單順序不變,以方便鍵盤使用者。「Signature」版面配置以標誌區塊開頭:請新增一個。
每個區段共有的設定間距、色彩、窗格、文字樣式

視窗、捲動、間距和顏色設定在每個區段中的運作方式都相同。了解運作方式。

間距

為此區段自訂間距
開啟或關閉預設: 關閉關閉:使用佈景主題設定中「版面配置」下的區段間距。開啟:在此區段上方與下方使用此處的值。在行動裝置上,大多數區段使用這些值的 65%。
上方間距(電腦)
滑桿,0 到 160 px預設: 42 px
下方間距(電腦)
滑桿,0 到 160 px預設: 12 px
上方間距(手機)
滑桿,0 到 160 px預設: 28 px
下方間距(手機)
滑桿,0 到 160 px預設: 4 px
手機上的自訂側邊距
開啟或關閉預設: 關閉關閉:經典版面配置為 16.5 像素,其他版面配置為 24 像素。
手機上的側邊距
滑桿,8 到 40 px預設: 24 px
內容寬度
選項: 窄、標準、寬、全寬預設: 標準

色彩

配色方案
配色方案與頁面方案相同:區段位於頁面背景上。其他方案會讓區段擁有自己的背景,如同框內的一張卡片。下方的自訂顏色優先於方案。
此區段使用自訂顏色
開啟或關閉預設: 關閉否則區段會使用佈景主題的顏色。
背景
顏色預設: #1F1C1A
文字
顏色預設: #FFFFFF
背景樣式
選項: 純色、燈光舞台預設: 純色燈光舞台:由上而下的柔和光線,往下逐漸變淡,由區段顏色產生,淺色或深色皆可。深色時文字和按鈕會自動變亮。
光線顏色
顏色來自頂端中央的柔和光線。留空:白色。

窗格

作為邊框的一部分
開啟或關閉預設: 開啟頁尾採用邊框顏色並與之融合,文字採用在邊框上清楚可讀的顏色。關閉此項、選擇自訂顏色或燈光舞台,可讓頁尾成為獨立視窗,並使用下方的「視窗」設定。
拼接
選項: 獨立窗格、與上方窗格拼接、與下方窗格拼接、上下皆拼接預設: 獨立窗格

文字樣式

此區段使用自訂文字樣式
開啟或關閉預設: 關閉否則區段會使用佈景主題的樣式。Shopify 字型不含希伯來文,因此請在適用於希伯來文的樣式中選擇。
標題樣式
選項: 佈景主題預設、細體、粗體、襯線體預設: 佈景主題預設
標題大小
滑桿,70 到 160 %預設: 100 %
標題顏色
顏色留空:自動,使用區段顏色(深色背景上為淺色)。
文字樣式
選項: 佈景主題預設、細體、粗體、襯線體預設: 佈景主題預設
文字大小
滑桿,70 到 160 %預設: 100 %
文字顏色
顏色留空:自動,使用區段顏色(深色背景上為淺色)。

區塊

區塊是區段裡的組成部分。在編輯器中可以新增、刪除區塊,並拖曳調整順序。

標誌

一般

標誌圖片
圖片留空:使用商店品牌設定中的標誌。若沒有標誌,則顯示商店名稱。
以白色顯示標誌
開啟或關閉預設: 開啟適用於深色頁尾上的深色標誌。若標誌為淺色或彩色,請關閉。
手機上的標誌寬度
滑桿,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與上方部分的距離。拖曳清單中的區塊即可變更順序。

這裡的內容與編輯器中看到的不一致嗎?請告訴我們,我們會修正指南。