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.
- Ga naar Instellingen -> Booking engines.
- Klik op de drie stippen naast de gewenste booking engine.
- Klik in de vervolgkeuzelijst op ‘Bewerken’.
- Klik op het tabblad “Aangepaste CSS”.
Alle elementen met de klasse “sirvoy-flexible-text” hebben ook een:
- Specifieke klasse “sft-trans-key-SPECIFIC-KEY”.
- 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”.