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ä, joiden luokka on ”sirvoy-flexible-text”, voidaan muokata mukautetulta CSS-sivulta kohdasta Asetukset -> Varausmoottori -> Hallitse varausmoottoreita -> Muokkaa -> Mukautettu CSS.

Kaikilla elementeillä, joilla on luokka ”sirvoy-flexible-text”, on myös:

  1. Erityisluokka “sft-trans-key-SPECIFIC-KEY”.
  2. 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”.

Huomaa: Mukautettu CSS vaikuttaa vain varausmoottorin upotettuun versioon ja WordPress -laajennukseen. Se ei vaikuta varausmoottoriin Sirvoyn Verkkosivurakentajassa tai erillisellä sivulla.