Wubook Login Lost Password

Valutazione discussione:
  • 0 voto(i) - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5
Layout orizzontale del Booking Engine
#3
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="https://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 :)
Thank you for using WuBook!
-->

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


(12-17-2015, 04:27 PM)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)
  


Messaggi in questa discussione
Layout orizzontale del Booking Engine - da GL029 - 12-17-2015, 02:28 PM
RE: Layout orizzontale del Booking Engine - da rose - 12-17-2015, 04:27 PM
RE: Layout orizzontale del Booking Engine - da amber - 12-18-2015, 03:57 PM

Vai al forum:


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