Registrati


Rispondi 
 
Valutazione discussione:
  • 0 voti - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5
Layout orizzontale del Booking Engine
12-17-2015, 10:28 PM
Messaggio: #1
Layout orizzontale del Booking Engine
Salve a tutti! Nella procedura guidata x la creazione del widget del booking engine non esiste la possibilità di crearlo in orizzontale piuttosto che in verticale. E' possibile inserire questa opzione? Se non è possibile, come posso impostare il BE in orizzontale?
Grazie
Trova tutti i messaggi di questo utente
Cita questo messaggio nella tua risposta
12-18-2015, 12:27 AM (Questo messaggio è stato modificato l'ultima volta il: 12-18-2015 12:28 AM da rose.)
Messaggio: #2
RE: Layout orizzontale del Booking Engine
Salve,
ho visto il ticket e credo di averle risposto con il tecnico in copia, ha visto?
Al momento, non facciamo questo tipo di personalizzazioni, per questo Luca, il responsabile del Booking engine, le invierà una documentazione utile da girare al suo webmaster per implementare la modifica e realizzarle il widget che più le piace.

Tenga conto però che ho chiesto tempo fa a Luca e alla sua squadra la possibilità di fornirvi trai modelli standard sia un widget verticale (modello attuale) che un prototipo orizzontale in modo che possiate scegliere quello che più modelli. Per ora non è ancora pronto perché i tecnici stanno lavorando su più fronti, ma entro breve avrete più scelte possibili per le vostre personalizzazioni. Promesso!

Buon lavoro
Rose (Genni)
Trova tutti i messaggi di questo utente
Cita questo messaggio nella tua risposta
12-18-2015, 11:57 PM
Messaggio: #3
RE: Layout orizzontale del Booking Engine
Buongiorno a tutti,

nella procedura guidata non è possibile creare il widget orizzontale, poichè per sistemarlo in orizzontale spesso bisogna intervenire su regole e parti di codice della pagina che ospita il widget.
Comunque si può intervenire sullo stile del widget al momento della generazione, fornendo delle regole css che servano allo scopo, come riportato nella documentazione:

http://tdocs.wubook.net/ord/jslib.html#t...ook-object
(sezione WuBook.design_widget())

A titolo esemplificativo ho creato il codice per mettere in orizzontale il widget.
Bisogna avere l'accortezza di inserire nel css principale del proprio sito web le seguenti regole:

#_wbord_ {
width: 100% !important;
text-align: left !important;
}

#_wbord_ a{
text-align: center;
}

#__wbframe___wbord_ {
width: 100% !important;
}

una volta generato il widget bisogna aggiungere le regole css nella chiave "css" delle opzioni che vengono passate al metodo che lo genera. Come da esempio riportato qui sotto (notare che ho usato lcode della struttura di test: prima va sostituito il proprio)

<script src="https://wubook.net/js/wblib.jgz"></script>
<!--
put the following div where WuBook
should be designed. Make sure to
preserve the div contents (backlink)
-->
<div id="_wbord_">
<a href="http://wubook.net/services/booking-engine/" style="display: block; margin-top: 5px; text-decoration:none;border:none" target="_blank">
<img src="https://wubook.net/imgs/default/booking_by_wu.gif" alt="Sistema di booking by Wubook" title="Soluzioni per la gestione Hotel" style="border:none;text-decoration:none" />
</a>
</div>
<script>
var WuBook= new _WuBook(1213394817);
var wbparams= {
lang: '',
dates: 1,
nights: 0,
layout: '',
bgcolor: '#e7F2e7',
failback_lang: 'en',
wbgoogle: 1,
bids: 0,
cards: 0,
width: 200,
cancel: 0,
textcolor: '#003d18',
bestprice: 0,
email: 0,
// adding custom css
css: ".wb-header {display:none;} .wb-block {text-align: left; width:700px; float:none!important; margin: 0 auto;} .wb-content_block{background:none; border-radius: 0;padding:10px; padding-top:2px;} .wb-row{width:31%;float:left} .wb-row input.wb-calendar {width:88%;} .wb-row label {margin-bottom: 3px;color: #B26A2E;font-weight:bold;} .wb-button {float:left; margin-top:16px} .wb-button .wb-submit {padding-left:12px; padding-right:12px; height: 30px; font-size:13px; text-transform: uppercase;}"
};
WuBook.design_widget("_wbord_", wbparams);
</script>
<!--
that's all Smile
Thank you for using WuBook!
-->

Spero possa esservi utili e da spunto per i vostri lavori.
Ciao a tutti


(12-18-2015 12:27 AM)rose Ha scritto:  Salve,
ho visto il ticket e credo di averle risposto con il tecnico in copia, ha visto?
Al momento, non facciamo questo tipo di personalizzazioni, per questo Luca, il responsabile del Booking engine, le invierà una documentazione utile da girare al suo webmaster per implementare la modifica e realizzarle il widget che più le piace.

Tenga conto però che ho chiesto tempo fa a Luca e alla sua squadra la possibilità di fornirvi trai modelli standard sia un widget verticale (modello attuale) che un prototipo orizzontale in modo che possiate scegliere quello che più modelli. Per ora non è ancora pronto perché i tecnici stanno lavorando su più fronti, ma entro breve avrete più scelte possibili per le vostre personalizzazioni. Promesso!

Buon lavoro
Rose (Genni)
Trova tutti i messaggi di questo utente
Cita questo messaggio nella tua risposta
12-24-2015, 02:14 PM
Messaggio: #4
RE: Layout orizzontale del Booking Engine
Buongiorno,
ho notato che non tutti i browser purtroppo riescono a visualizzare correttamente la versione orizzontale. Con Windows Explorer o Edge il campo Partenze viene visualizzato sotto il campo Arrivi creando una "doppia riga". Con firefox o chrome invece viene tutto visualizzato correttamente in orizzontale.

Si riesce a fare qualcosa!?

Grazie
Trova tutti i messaggi di questo utente
Cita questo messaggio nella tua risposta
12-28-2015, 08:43 PM
Messaggio: #5
RE: Layout orizzontale del Booking Engine
Salve,

grazie della segnalazione, faccio qualche test e tento un fix, da incollare qui.
Buon lavoro


(12-24-2015 02:14 PM)AB217 Ha scritto:  Buongiorno,
ho notato che non tutti i browser purtroppo riescono a visualizzare correttamente la versione orizzontale. Con Windows Explorer o Edge il campo Partenze viene visualizzato sotto il campo Arrivi creando una "doppia riga". Con firefox o chrome invece viene tutto visualizzato correttamente in orizzontale.

Si riesce a fare qualcosa!?

Grazie
Trova tutti i messaggi di questo utente
Cita questo messaggio nella tua risposta
12-29-2015, 12:49 AM
Messaggio: #6
RE: Layout orizzontale del Booking Engine
Allora, penso di aver risolto, provi a sostituire il vecchio codice con questo:

<script src="https://wubook.net/js/wblib.jgz"></script>
<!--
put the following div where WuBook
should be designed. Make sure to
preserve the div contents (backlink)
-->
<div id="_wbord_">
<a href="http://wubook.net/services/booking-engine/" style="display: block; margin-top: 5px; text-decoration:none;border:none" target="_blank">
<img src="https://wubook.net/imgs/default/booking_by_wu.gif" alt="Sistema di booking by Wubook" title="Soluzioni per la gestione Hotel" style="border:none;text-decoration:none" />
</a>
</div>
<script>
var WuBook= new _WuBook(1213394817);
var wbparams= {
lang: '',
dates: 1,
nights: 0,
layout: '',
bgcolor: '#e7F2e7',
failback_lang: 'en',
wbgoogle: 1,
bids: 0,
cards: 0,
width: 200,
cancel: 0,
textcolor: '#003d18',
bestprice: 0,
email: 0,
// adding custom css
css: ".wb-header {display:none;} .wb-block {text-align: left; width:700px; float:none!important; margin: 0 auto;} .wb-content_block{background:none; border-radius: 0;padding:10px; padding-top:2px;} .wb-row{width:31%;float:left;clear:none} .wb-row input.wb-calendar {width:88%;} .wb-row label {margin-bottom: 3px;color: #B26A2E;font-weight:bold;} .wb-button {float:left; margin-top:16px} .wb-button .wb-submit {padding-left:12px; padding-right:12px; height: 30px; font-size:13px; text-transform: uppercase;}"
};
WuBook.design_widget("_wbord_", wbparams);
</script>
<!--
that's all Smile
Thank you for using WuBook!
-->

Ora dovrebbe vedersi correttamente anche si IE!
Saluti


(12-28-2015 08:43 PM)amber Ha scritto:  Salve,

grazie della segnalazione, faccio qualche test e tento un fix, da incollare qui.
Buon lavoro


(12-24-2015 02:14 PM)AB217 Ha scritto:  Buongiorno,
ho notato che non tutti i browser purtroppo riescono a visualizzare correttamente la versione orizzontale. Con Windows Explorer o Edge il campo Partenze viene visualizzato sotto il campo Arrivi creando una "doppia riga". Con firefox o chrome invece viene tutto visualizzato correttamente in orizzontale.

Si riesce a fare qualcosa!?

Grazie
Trova tutti i messaggi di questo utente
Cita questo messaggio nella tua risposta
Rispondi 


Vai al forum:


Utente(i) che stanno guardando questa discussione: 1 Ospite(i)