จะขอข้อมูลเพิ่มเติมเฉพาะสำหรับตัวเลือกราคาที่ระบุได้อย่างไร?

คุณสามารถแสดงหรือซ่อนองค์ประกอบของอินเทอร์เฟซตามตัวเลือกการจองที่เลือกไว้ สามารถทำได้โดยใช้ปฏิกิริยาประเภท เพิ่มคลาส โดยต้องมีความรู้พื้นฐานเกี่ยวกับ HTML ด้วย

มาดูตัวอย่างโดยใช้ทรัพยากร "เช่าสโนว์บอร์ด" ในการกำหนดค่าทรัพยากร ให้คลิก เพิ่มปฏิกิริยา

กรอกชื่อ เช่น "แสดงขนาด" เลือกประเภท เพิ่มคลาส สร้างชื่อสำหรับคลาส CSS เช่น show-size จากนั้นเพิ่มเงื่อนไข

เลือกเงื่อนไขว่ามีการเลือกหนึ่งส่วนแบ่งของตัวเลือกราคา "สโนว์บอร์ดพร้อมรองเท้า" และบันทึก

ตอนนี้เมื่อเลือกตัวเลือกราคานี้แล้ว คลาส CSS show-size จะถูกเพิ่มเข้าไปในแบบฟอร์มการจองในวิดเจ็ต

ต่อไป คุณต้องเขียนกฎ CSS ง่ายๆ เพื่อซ่อนฟิลด์ในแบบฟอร์ม ไปที่วิดเจ็ตและเลือกเวลาว่าง แบบฟอร์มการจองจะปรากฏขึ้นพร้อมกับฟิลด์ที่คุณต้องการควบคุม เปิดโครงสร้างหน้าและค้นหา ID ของฟิลด์นี้ คลิกขวาที่ฟิลด์แล้วเลือก ดูโค้ด ในตัวอย่างของเรา ID ของฟิลด์คือ field_93098

หลังจากนั้น ให้เปิดการตั้งค่าวิดเจ็ต ไปที่แผง ออกแบบ ติ๊กตัวเลือก สไตล์ CSS กำหนดเอง จากนั้นเพิ่ม CSS ดังนี้:

ตรวจสอบผลลัพธ์ในวิดเจ็ต: