Sirvoy biedt mogelijkheden om teksten en vertalingen te wijzigen op de admin-pagina’s voor de boekingsmodule, maar in de gevallen waarin je teksten wilt wijzigen die niet via de admin pagina’s aangepast kunnen worden, kunt u sommige teksten met CSS aanpassen.

Elementen met de klasse “sirvoy-flexible-text” kunnen worden gewijzigd vanaf de aangepaste CSS-pagina. 

1. Ga naar Instellingen -> Booking engines. 
2. Klik op de drie stippen naast de gewenste booking engine.
3. Klik in de vervolgkeuzelijst op ‘Bewerken’.
4. Klik op het tabblad “Aangepaste CSS”.

Alle elementen met de klasse “sirvoy-flexible-text” hebben ook een:

1. Specifieke klasse “sft-trans-key-SPECIFIC-KEY”.
2. Taalspecifieke klasse om een tekstwijziging voor een specifieke taal te lokaliseren, bijvoorbeeld: “sft-lang-en” (engels). (Elke taal wordt vertegenwoordigd door een tweeletterige taalcode; Engels “-en”, Frans “-fr”, Zweeds “-sv” enz.)

Een voorbeeld van hoe u de titel van de knop “Zoeken” kunt wijzigen

De opmaak voor de titel van de knop ‘Zoeken’ is:

(let op de twee klassen “sft-lang-en” en “sft-trans-key-booking-form-button-search” )

<span class="
   sirvoy-flexible-text 
   sft-lang-en 
   sft-trans-key-shared-button-search 
   sft-initialized" 
   data-translation-key="shared.button.search">
            
   <div class="sft-text">
      Search
   </div>

</span>

Om de titel van de knop ‘Zoeken’ voor Engels en Zweeds te wijzigen, kun je het volgende doen:

.sft-lang-en.sft-trans-key-shared-button-search .sft-text, .sft-lang-sv.sft-trans-key-shared-button-search .sft-text { 
  display: none !important;
}

.sft-lang-en.sft-trans-key-shared-button-search::after { 
  content: "My button title";
}

.sft-lang-sv.sft-trans-key-shared-button-search::after { 
  content: "Min knapptitel";
}

Engelse versie:

Zweedse versie:

De bovenstaande principes voor het wijzigen van teksten zijn van toepassing op alle andere tekstwijzigingen die u in de boekingsmodule wilt aanbrengen in elementen met de klasse “sirvoy-flexibele-tekst”.