ภาพรวม
คุณสมบัติภาษา wrappers ช่วยให้ผู้ใช้ Booking Engine Plus สามารถใช้ การปรับแต่งเฉพาะภาษา ได้อย่างมีประสิทธิภาพมากขึ้น ปรับแต่งประสบการณ์ใช้งานของแพลตฟอร์มของคุณให้เหมาะกับภาษาต่าง ๆ และให้ประสบการณ์การนำทางที่เจาะจงและส่วนตัวมากขึ้น
ข้อมูลสำคัญ
- ทีมสนับสนุน Cloudbeds ไม่ให้บริการพัฒนาเว็บหรือการสนับสนุนในการแก้ปัญหา
- โปรดติดต่อ นักออกแบบหรือนักพัฒนาเว็บไซต์ของคุณสำหรับความช่วยเหลือเพิ่มเติมในการใช้รหัสปรับแต่งสำหรับเครื่องมือการจองของคุณ
เพิ่มสไตล์เฉพาะสำหรับภาษาต่าง ๆ
- โค้ดด้านล่างจะช่วยให้คุณเพิ่มสไตล์เฉพาะสำหรับภาษา อังกฤษ คุณสามารถกำหนดสไตล์ที่กำหนดเองขึ้นอยู่กับภาษาที่เลือกได้ เพื่อเพิ่มสไตล์เฉพาะสำหรับภาษาอื่น ๆ ให้ใช้เลือกตัวเลือกนี้โดยแก้ไขคอมโพเนนต์ภาษา (ด้านล่างสีแดง) เช่น:
- สำหรับโปรตุเกส: html[lang="pt-br"] โปรดทราบว่าคอมโพเนนต์ภาษาจะถูกระบุเสมอในตัวพิมพ์เล็ก
- นี้เป็นขั้นตอนที่จำเป็นเพียงอย่างเดียวที่ต้องทำเพื่อใช้สไตล์ CSS สำหรับองค์ประกอบ ตามภาษาที่เลือก
เพิ่ม wrappers ภาษาใน Booking Engine Plus ของคุณ
- ไปที่หน้า Settings
ของเมนู Account
และคลิกที่ส่วน Booking Engine
- คลิกที่ Customize
- คัดลอกและวางโค้ดด้านล่างในช่อง Custom Meta Tags
- คลิกที่ Save
<style>
html[lang="en"] .your-css-query-here {
/* Your CSS styles here... */
}
</style>
สำคัญ:
- หากคุณใช้ คลาส CSS แบบไดนามิก เพื่อเป้าหมายที่องค์ประกอบอินเตอร์เฟซ (ซึ่งมีรูปแบบดังนี้: d-1uv2xnb) เราไม่สามารถรับประกันได้ว่าการปรับแต่งของคุณจะทำงานในการอัปเดตระบบในอนาคต
- ชื่อของคลาสเหล่านี้ถูกสร้างขึ้น ในเวลาที่สร้าง
การปรับแต่งเพิ่มเติม (ไม่บังคับ)
เพื่อดำเนินการสคริปต์ JS เมื่อผู้ใช้เปลี่ยนภาษา สมัครสมาชิกกับเหตุการณ์ language-changed โดยง่าย โดยรวมส่วนต่อไปนี้ในฟิลด์ JavaScript ของหน้าปรับแต่ง Booking Engine ของคุณ:
<script>
window.addEventListener("on-booking-engine-ready",
({ detail }) => {
const { eventSystem } = detail;
eventSystem.addEventListener("language-changed",
({ language }) => {
// Your JS code here...
});
});
</script>
ข้อคิดเห็น
โปรด ลงชื่อเข้าใช้ เพื่อแสดงข้อคิดเห็น