跳到內容
免費試用 7 天
繁體中文
在 Claude 中開啟 針對此頁面提問在 ChatGPT 中開啟 針對此頁面提問

配合佈景主題樣式

讓詢價表單自動套用您佈景主題的樣式,或自行設定字型與顏色。

外觀格格不入的詢價表單,會在最關鍵的時刻削弱顧客的信任。App 可以改為套用您佈景主題的樣式。

佈景主題配合功能是針對一組指定的佈景主題開發的。Samita 公布的清單包括 Dawn、Refresh、Trade、Origin、Ride、Studio、Colorblock、Taste、Publisher、Crave、Spotlight、Craft、Sense 和 Debut。

如果您的商店使用其中一個佈景主題,請勾選該核取方塊,通常可獲得相當接近的效果。在投入時間之前,有兩點需要留意:

  • 清單持續增加。 Samita 將清單標示為「updating」,因此這裡沒有列出的佈景主題可能已經支援,請先試試這項設定,再判斷是否可用。
  • 列在清單中不代表一定相符。 佈景主題常被自訂,大幅修改過的 Dawn 就不再是原版 Dawn。無論您的佈景主題叫什麼,最終都要以下方的商店前台檢查為準。

如果不確定自己使用的是哪個佈景主題,請在 Shopify 後台前往 線上商店 > 佈景主題:目前使用中的佈景主題名稱會顯示在頂端。

  1. 前往 Quote settings,點擊 Customize,然後開啟 Quote form 分頁。

  2. 捲動至 Style。這裡會顯示表單目前使用的預設組合(例如 Classic),若想更換,請點擊 Change 按鈕。

  3. 勾選 Match theme styling if possible。

    讓表單配合您的佈景主題,看起來不會格格不入。

  4. 在商店前台檢查,而不是在編輯器中

    Section titled “在商店前台檢查,而不是在編輯器中”

    App 明確說明:「Theme styling applies on your storefront and is not shown in this preview.」

    請儲存變更,在商店前台開啟表單,並與一般頁面比較。

    顧客所見的商店前台詢價頁面,其中顯示詢價表單和 Quote Cart

    佈景主題配合只會顯示在商店前台,不會出現在編輯器預覽中。

佈景主題配合是全有或全無:只有一個核取方塊,無法針對個別元素控制。如果它已幫您完成大部分,但標題或按鈕仍不對勁,請手動設定該部分。Style 下方有兩個區段可讓您直接控制。

區段可設定的項目
Customize textFont style
Customize form colorTitle bar color, Title bar background, Color, Background color, Border color, Quote popup primary color

當佈景主題配合有遺漏,或您想讓表單刻意突顯而非融入時,請使用這些設定。

  • 字型:標題和內文應與商店其他部分一致
  • 按鈕:送出按鈕應與您其他按鈕的外觀一致
  • 間距:手機上表單過於擁擠是最常見的問題
  • 對比:確保標籤清晰易讀,尤其是在深色佈景主題上

這對您有幫助嗎?