設計橫幅
背景、顏色、間距、關閉按鈕,以及讓整個橫幅變成連結。
Design 面板是建構器側欄中的筆刷圖示,涵蓋橫幅外觀的所有設定(元素本身除外)。

Design 設定適用於整個橫幅,而不是單一元素。
三種背景樣式:
| 樣式 | 您要設定的內容 |
|---|---|
| Solid | 單一顏色 |
| Gradient | 起始顏色、結束顏色和角度 |
| Image | 覆蓋整個橫幅的圖片 |
| 設定 | 涵蓋範圍 |
|---|---|
| Font | 字型。除非橫幅需要自己的字型,否則請保留佈景主題字型。 |
| Text | 橫幅的文字顏色 |
| Accent | 按鈕、折扣碼和倒數計時,除非個別設定了自己的顏色 |
值得了解的是 Accent。設定一次後,按鈕、折扣碼外框和計時器都會跟著變。若為某個元素指定自己的顏色,該元素就不會再跟著變。
關閉按鈕與連結
Section titled “關閉按鈕與連結”兩件互不相關的事,都與顧客和橫幅互動時發生的事有關。
開啟後,橫幅尾端會出現一個 ×。可設定其顏色和滑鼠移過時的顏色。
顧客關閉橫幅後,對他們而言就會維持關閉狀態:應用程式會記在他們的瀏覽器中,因此下一頁不會再出現。
整個橫幅可點擊
Section titled “整個橫幅可點擊”開啟後,點擊橫幅的任何位置都會開啟您在其下方設定的連結。Open in a new tab 會讓您的商店保持在背景開啟。
點擊橫幅內的按鈕或折扣碼,仍會執行它們各自的動作,橫幅連結不會攔截這些點擊。
元素在橫幅內的排列方式。
| 設定 | 作用 |
|---|---|
| Alignment | 靠左、置中、靠右或平均分散 |
| Gap between elements | 各元素之間的間距 |
| Wrap on small screens | 開啟時,空間不足時該列會換到另一行。關閉時,則會擠壓,這可能會截掉較長的訊息。 |
Vertical padding 是橫幅的高度。Horizontal padding 是兩端的邊距。
細的橫幅看起來像通知;高的則像頁面的一個區塊。大多數公告橫幅適合細一點的。
Custom CSS
Section titled “Custom CSS”在面板底部,Custom CSS (Developer Zone) 接受僅套用於此橫幅內的規則,這些規則不會影響您佈景主題的其他部分。
可用於面板未涵蓋的項目,例如文字陰影、字母間距,或某個元素的不同邊框。