Rezervasyon Motoru Plus dil sarmalayıcıları

Juss Reyes

Güncellenme 26 Şubat 2026 06:45

Genel Bakış

Dil sarmalayıcıları özelliği, Booking Engine Plus kullanıcılarının dile özgü özelleştirmeleri daha etkili bir şekilde uygulamasına olanak tanır. Böylece platform deneyimini farklı dillere göre uyarlayabilir ve daha yerelleştirilmiş, kişiselleştirilmiş kullanıcı gezinimi sağlayabilirsin.

Önemli Bilgiler

Cloudbeds Destek Ekibi web geliştirme hizmeti veya sorun giderme desteği sağlamamaktadır.
Lütfen rezervasyon motorun için özelleştirme kodlarını kullanırken ek yardım almak için web sitesi tasarımcın veya geliştiricinle iletişime geç.

Farklı diller için özel stiller ekle

Aşağıdaki kod, İngilizce dili için özel stiller eklemeni sağlar. Seçilen dile göre özel stiller tanımlayabilirsin. Diğer diller için özel stiller eklemek istersen, dil bileşenini (aşağıda kırmızı ile gösterilen) düzenleyerek bu üst seçiciyi kullanabilirsin. Örneğin:
- Portekizce için: html[lang="pt-br"] Dil bileşenlerinin her zaman küçük harflerle belirtildiğini unutma.
Seçilen dile göre CSS stillerini uygulamak için gereken tek adımlar bunlardır.

Booking Engine Plus’ına dil sarmalayıcıları ekle

Hesap Menüsündeki Ayarlar sayfasına git ve Rezervasyon Motoru bölümüne tıkla .
Özelleştir seçeneğine tıkla
Aşağıdaki kodu Özel Meta Etiketler alanına kopyala ve yapıştır
Kaydet butonuna tıkla

<style>
  html[lang="en"] .your-css-query-here {
    /* CSS stillerin buraya... */
  }
</style>

Önemli:

Dinamik CSS sınıfları (örneğin: d-1uv2xnb formatında olanlar) kullanıcı arayüzü öğelerini hedeflemek için kullanılırsa, özelleştirmenin gelecekteki sistem güncellemelerinde çalışacağını garanti edemeyiz.
Bu sınıfların isimleri derleme zamanında dinamik olarak oluşturulur.

Ek özelleştirme (isteğe bağlı)

Kullanıcı dil değiştirdiğinde bir JS betiği çalıştırmak için, language-changed etkinliğine abone ol. Aşağıdaki kod parçasını Booking Engine özelleştirme sayfanın JavaScript alanına ekle:

<script>
 window.addEventListener("on-booking-engine-ready", 
({ detail }) => {
    const { eventSystem } = detail;

    eventSystem.addEventListener("language-changed",
({ language }) => {
      // JS kodun buraya...
    });
  });
</script>