跳到內容
免費安裝
繁體中文
在 Claude 中開啟 針對此頁面提問在 ChatGPT 中開啟 針對此頁面提問

設計橫幅

背景、顏色、間距、關閉按鈕,以及讓整個橫幅變成連結。

Design 面板是建構器側欄中的筆刷圖示,涵蓋橫幅外觀的所有設定(元素本身除外)。

Design 面板,顯示 Appearance and background、Colours,以及 Close button and link 區段

Design 設定適用於整個橫幅,而不是單一元素。

三種背景樣式:

樣式 您要設定的內容
Solid 單一顏色
Gradient 起始顏色、結束顏色和角度
Image 覆蓋整個橫幅的圖片
設定 涵蓋範圍
Font 字型。除非橫幅需要自己的字型,否則請保留佈景主題字型。
Text 橫幅的文字顏色
Accent 按鈕、折扣碼和倒數計時,除非個別設定了自己的顏色

值得了解的是 Accent。設定一次後,按鈕、折扣碼外框和計時器都會跟著變。若為某個元素指定自己的顏色,該元素就不會再跟著變。

兩件互不相關的事,都與顧客和橫幅互動時發生的事有關。

開啟後,橫幅尾端會出現一個 ×。可設定其顏色和滑鼠移過時的顏色。

顧客關閉橫幅後,對他們而言就會維持關閉狀態:應用程式會記在他們的瀏覽器中,因此下一頁不會再出現。

開啟後,點擊橫幅的任何位置都會開啟您在其下方設定的連結。Open in a new tab 會讓您的商店保持在背景開啟。

點擊橫幅內的按鈕或折扣碼,仍會執行它們各自的動作,橫幅連結不會攔截這些點擊。

元素在橫幅內的排列方式。

設定 作用
Alignment 靠左、置中、靠右或平均分散
Gap between elements 各元素之間的間距
Wrap on small screens 開啟時,空間不足時該列會換到另一行。關閉時,則會擠壓,這可能會截掉較長的訊息。

Vertical padding 是橫幅的高度。Horizontal padding 是兩端的邊距。

細的橫幅看起來像通知;高的則像頁面的一個區塊。大多數公告橫幅適合細一點的。

在面板底部,Custom CSS (Developer Zone) 接受僅套用於此橫幅內的規則,這些規則不會影響您佈景主題的其他部分。

可用於面板未涵蓋的項目,例如文字陰影、字母間距,或某個元素的不同邊框。

這對您有幫助嗎?