Tilpasning af reservationsformularens tekster med CSS

Sirvoy giver mulighed for at ændre tekster og oversættelser på administrator siderne til reservationsformularen, men i tilfælde hvor der ikke er nogen indstillinger, kan du ændre nogle tekster med CSS ved at målrette mod en bestemt element class.

Elementer, der har klassen “sirvoy-flexible-text“, kan ændres fra den brugerdefinerede CSS-side. 

1. Gå til Indstillinger -> Reservationsformularer. 
2. Klik på de tre prikker ved siden af den ønskede reservationsformular.
3. Klik på “Rediger” i rullelisten.
4. Vælg fanen “Brugerdefineret CSS”.

Alle elements, der har klassen “sirvoy-flexible-text”  har også en:

1. Specifik class “sft-trans-key-SPECIFIC-KEY”
2. Sprogspecifik klasse for at lokalisere en tekstændring for et bestemt sprog, for eksempel på engelsk: “sft-lang-en”. (Hvert sprog er repræsenteret af en sprogkode på to bogstaver; engelsk “-en”, fransk “-fr”, svensk “-sv” osv.)

Et eksempel på, hvordan du ændrer titlen “Søg” knappen

Markeringen af ​​titlen “Søg” knappen er:

(læg mærke til de to classes “sft-lang-en” og “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>

For at ændre titlen på knappen “Søg” for engelsk og svensk kan vi gøre følgende:

.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";
}

Engelsk version:

Svensk version:

Ovenstående principper for ændring af tekster gælder for alle andre tekstændringer, du gerne vil foretage på reservationsformularen i elementer med klassen “sirvoy-flexible-text”.