跳到內容
安裝應用程式
繁體中文

按鈕

在大型選單中新增行動呼籲按鈕,例如「Shop all」。

參考資料 所有方案 1 分鐘閱讀

一個清楚的行動呼籲,例如「Shop all」或「Book a fitting」。可放在一組連結清單下方,引導顧客前往完整的商品系列,或單獨放在一個窄欄中。

新增區塊

  1. 選擇版面

    在預覽的大型選單面板中,點擊 Add block(新增區塊)。點擊 Link list(連結清單),將游標移到 Button(按鈕)上,然後點擊 Select(選擇)。按鈕一開始顯示「Shop all」,連結到所有商品。

    (1) 點擊 Link list,(2) 選擇 Button。
  2. 設定文字與連結

    在 Edit Item(編輯項目)的 General(一般)下,輸入 Label(文字)並選擇 Link(連結)。

    預覽中的按鈕區塊,設定顯示在 Edit Item 中。
  3. 儲存並發佈

    在 Style(樣式)下調整外觀,然後點擊 Save(儲存)和 Publish(發佈)。

設定

一般

Label(文字)預設: Shop all
按鈕上的文字。
Link(連結)預設: /collections/all
按鈕前往的位置(預設為所有商品)。如有需要,請勾選 Open in new tab(在新分頁開啟)。
Width(寬度)預設: 100%
區塊佔大型選單一列的比例:Auto(自動)或 8.33% 到 100%。

樣式

Style(樣式)預設: Solid
Solid(實心,填滿的按鈕)、Outline(外框,只有框線)或 Link(文字連結)。
Alignment(對齊方式)預設: Left
Left(靠左)、Center(置中)或 Full(將按鈕延展至整個區塊)。
Button color(按鈕顏色)預設: #111827
按鈕的顏色。
Text color(文字顏色)預設: #FFFFFF
按鈕文字的顏色。

Visibility(顯示設定)的用法和其他區塊相同,請參閱每個區塊都有的設定。

提示

  • 寬度為 100% 時,按鈕會在其他區塊下方獨佔一列。將 Alignment 設為 Center,即可讓按鈕在整個大型選單下方置中。
  • 如果大型選單中已有促銷橫幅,請使用 Outline 或 Link,避免兩者搶奪注意力。

這個頁面有幫助嗎?

回報問題