Loikkaa: valikkoon, hakuun

Ero sivun ”Palvelun keston ja päättymisajankohdan piilottaminen Nettivaraus 6” versioiden välillä

(Ak: Uusi sivu: xxx)
 
 
(Yhtä välissä olevaa versiota samalta käyttäjältä ei näytetä)
Rivi 1: Rivi 1:
xxx
+
[[Tiedosto:Kesto-piilotettu.jpg|500px]]<br><br>
 +
 
 +
Jos haluat, että asiakasnäkymässä ei näy ollenkaan palvelun kestoa, sen voi piilottaa. Voit myös piilottaa varauksen päättymisajankohdan, koska se myös kertoo kestosta.  <br>
 +
Seuraavassa on esimerkki- CSS-koodia, mitä voi käyttää "Luo oma teema" -editorissa.  '''Näitä esimerkkejä voi käyttää muissa paitsi Progress-näkymässä'''.<br><br>
 +
 
 +
Katso myös ohjeen lopussa joitakin Näkymä-kohtaisia lisäesimerkkejä.<br><br>
 +
 
 +
 
 +
'''Palvelun kesto piilotetaan asiakasnäkymästä CSS-koodilla''': <br>
 +
 
 +
<pre>.information-group.duration-information-group {display: none;}
 +
app-successful-booking-information .booking-information-duration.booking-information-row {display: none;}</pre>
 +
<br>
 +
'''Palvelun päättymisaika piilotetaan asiakasnäkymästä CSS-koodilla''': <br>
 +
 
 +
<pre>.information-group.date-and-time-information-group .time-dash {display: none;}
 +
.information-group.date-and-time-information-group .end-time {display: none;}
 +
app-successful-booking-information .booking-information-start-time.booking-information-row .time-dash {display: none;}
 +
app-successful-booking-information .booking-information-start-time.booking-information-row .end-time {display: none;}</pre>
 +
<br>
 +
 
 +
'''Infokuplissa oleva palvelun kesto piilotetaan asiakasnäkymästä CSS-koodilla''': <br>
 +
[[Tiedosto:Nv6-kesto-infot.jpg|600px]]<br><br>
 +
<pre>app-service-popper-content .popper-information-container .popper-text-duration {display: none;}</pre>
 +
 
 +
 
 +
'''Muista tarkistaa myös kaikki käytössäsi olevan viestipohjat''':<br>
 +
 
 +
Seuraavat lyhennykset vietipohjissa tulostavat varausvahvistukseen tai -muistutukseen varauksen tai palvelun keston ja varauksen päättymisajankohdan. <br>
 +
*Jos et halua viesteihin näitä tietoja, poista ne viestipohjasta ja valitse Käytä viestipohjaa: Kyllä.
 +
*Ohje: [[Asetukset#Viestipohjien_muokkaus|Viestipohjien muokkaus]]
 +
 
 +
Varauksen tiedot:<br>
 +
{kesto} Kesto minuutteina<br>
 +
{kesto_h} Kesto tunteina<br>
 +
{paattyy} Varauksen päättymisaika<br><br>
 +
 
 +
Palvelun tiedot:<br>
 +
{pl_kesto} Palvelun kesto<br><br>
 +
 
 +
'''Testaa asiakasnäkymä ja viestipohjat''':<br>
 +
 
 +
*Testaa kaikki tekemäsi muutokset testivarauksilla itsellesi.
 +
*Oman teeman muokkauksen voi tilata myös räätälöitynä ottamalla yhteyttä: asiakaspalvelu (at) ajas.fi 
 +
<br><br>
 +
 
 +
'''Vaiheittainen -näkymä'''<br>
 +
[[Tiedosto:Nv6-kesto-vaiheittainen.jpg|600px]]<br><br>
 +
 
 +
<pre>.step .services .service-content .duration {display: none;}</pre>
 +
 
 +
 
 +
'''Etenevä -näkymä'''<br>
 +
Varauslomake:<br>
 +
[[Tiedosto:Nv6-kesto-progress1.jpg|600px]]<br><br>
 +
 
 +
<pre>.progress .booking-information .end-time, .progress .booking-information .service-duration {display: none;}</pre>
 +
 
 +
Onnistunut varaus:<br>
 +
[[Tiedosto:Nv6-piilotus-progress2.jpg|400px]]<br><br>
 +
 
 +
<pre>app-successful-booking-information-progress .end-time, app-successful-booking-information-progress .duration {display: none;}</pre>
 +
 
 +
 
 +
'''Suppea -näkymä'''<br>
 +
 
 +
[[Tiedosto:Suppea-nalyman-palveluvalitsin.jpg|600px]]<br><br>
 +
 
 +
<pre>.service-information-container {display: none;}</pre>
 +
 
 +
 
 +
'''Laaja -näkymä'''<br>
 +
 
 +
[[Tiedosto:Laaja-nakyman-palveluvalitsin.jpg|600px]]<br><br>
 +
 
 +
<pre>.information .duration {display: none;}</pre>
 +
 
 +
<br><br>

Nykyinen versio 13. syyskuuta 2024 kello 12.55

Kesto-piilotettu.jpg

Jos haluat, että asiakasnäkymässä ei näy ollenkaan palvelun kestoa, sen voi piilottaa. Voit myös piilottaa varauksen päättymisajankohdan, koska se myös kertoo kestosta.
Seuraavassa on esimerkki- CSS-koodia, mitä voi käyttää "Luo oma teema" -editorissa. Näitä esimerkkejä voi käyttää muissa paitsi Progress-näkymässä.

Katso myös ohjeen lopussa joitakin Näkymä-kohtaisia lisäesimerkkejä.


Palvelun kesto piilotetaan asiakasnäkymästä CSS-koodilla:

.information-group.duration-information-group {display: none;}
app-successful-booking-information .booking-information-duration.booking-information-row {display: none;}


Palvelun päättymisaika piilotetaan asiakasnäkymästä CSS-koodilla:

.information-group.date-and-time-information-group .time-dash {display: none;}
.information-group.date-and-time-information-group .end-time {display: none;}
app-successful-booking-information .booking-information-start-time.booking-information-row .time-dash {display: none;}
app-successful-booking-information .booking-information-start-time.booking-information-row .end-time {display: none;}


Infokuplissa oleva palvelun kesto piilotetaan asiakasnäkymästä CSS-koodilla:
Nv6-kesto-infot.jpg

app-service-popper-content .popper-information-container .popper-text-duration {display: none;}


Muista tarkistaa myös kaikki käytössäsi olevan viestipohjat:

Seuraavat lyhennykset vietipohjissa tulostavat varausvahvistukseen tai -muistutukseen varauksen tai palvelun keston ja varauksen päättymisajankohdan.

  • Jos et halua viesteihin näitä tietoja, poista ne viestipohjasta ja valitse Käytä viestipohjaa: Kyllä.
  • Ohje: Viestipohjien muokkaus

Varauksen tiedot:
{kesto} Kesto minuutteina
{kesto_h} Kesto tunteina
{paattyy} Varauksen päättymisaika

Palvelun tiedot:
{pl_kesto} Palvelun kesto

Testaa asiakasnäkymä ja viestipohjat:

  • Testaa kaikki tekemäsi muutokset testivarauksilla itsellesi.
  • Oman teeman muokkauksen voi tilata myös räätälöitynä ottamalla yhteyttä: asiakaspalvelu (at) ajas.fi



Vaiheittainen -näkymä
Nv6-kesto-vaiheittainen.jpg

.step .services .service-content .duration {display: none;}


Etenevä -näkymä
Varauslomake:
Nv6-kesto-progress1.jpg

.progress .booking-information .end-time, .progress .booking-information .service-duration {display: none;}

Onnistunut varaus:
Nv6-piilotus-progress2.jpg

app-successful-booking-information-progress .end-time, app-successful-booking-information-progress .duration {display: none;}


Suppea -näkymä

Suppea-nalyman-palveluvalitsin.jpg

.service-information-container {display: none;}


Laaja -näkymä

Laaja-nakyman-palveluvalitsin.jpg

.information .duration {display: none;}