Sirvoy tarjoaa mahdollisuuden muuttaa tekstejä ja käännöksiä varausmoottorin järjestelmänvalvojan sivuilla, mutta niissä tapauksissa jolloin et voi käyttää tätä vaihtoehtoa, voit muokata joitain tekstejä CSS:llä kohdistamalla muokkauksen tiettyyn elementtiluokkaan.
Elementtejä, joilla on luokka ”sirvoy-flexible-text”, voidaan muokata mukautetun CSS:n sivulta.
- Siirry kohtaan Asetukset -> Varausmoottori.
- Napsauta kolmea pistettä haluamasi varausmoottorin kohdalla.
- Valitse avattavasta luettelosta ”Muokkaa”.
- Valitse Mukautettu CSS-välilehti.
Kaikilla elementeillä, joilla on luokka ”sirvoy-flexible-text”, on myös:
- Erityisluokka “sft-trans-key-SPECIFIC-KEY”.
- Kielikohtainen luokka tekstimuutoksen määrittämiseksi tietylle kielelle, esimerkiksi englanniksi: “sft-lang-en”. (Jokaista kieltä edustaa kaksikirjaiminen kielikoodi; englanti ”-en”, ranska ”-fr”, ruotsi ”-sv” jne.)
Esimerkki Hae-painikkeen tekstin muuttamisesta
Hae-painikkeen merkintä on:
(huomaa kaksi luokkaa ”sft-lang-en” ja ”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>
Voit muuttaa Hae-painikkeen otsikon englanniksi ja ruotsiksi seuraavasti:
.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";
}
Englanninkielinen versio:
Ruotsinkielinen versio:
Yllä olevia tekstien muuttamisen periaatteita sovelletaan kaikkiin muihin tekstimuutoksiin, joita haluat tehdä varausmoottorin elementeissä, joiden luokka on ”sirvoy-flexible-text”.