arrow_back_ios

如何僅針對特定價格選項請求額外資訊?

您可以根據所選的預訂選項來顯示或隱藏介面元素。 這可以透過使用新增類別類型的反應來實現。 也需要具備一些基本的 HTML 知識。
讓我們以「單板滑雪租賃」資源為例。 在資源組態中,點擊新增反應
輸入名稱,例如「顯示尺寸」。 選擇類型為新增類別。 為 CSS 類別建立一個名稱,例如 show-size。 然後,新增一個條件。
選擇條件為已選擇「單板滑雪含雪鞋」價格選項的一份,並儲存。
現在,當選擇此價格選項時,CSS 類別 show-size 會被加到小工具中的預訂表單上。
接下來,您需要撰寫一個簡單的 CSS 規則來隱藏表單中的欄位。 前往小工具並選擇一個可用時間。 預訂表單會顯示出您想要控制的欄位。 開啟頁面標記並找到此欄位的 ID。 右鍵點擊該欄位並選擇檢視原始碼。 在我們的例子中,欄位 ID 為 field_49225。
之後,開啟小工具設定。 前往設計面板。 勾選自訂CSS樣式選項。 然後新增以下 CSS:
#field_49225 { display: none; }
.show-size #field_49225 { display: block; }
在小工具中檢查結果: