Spørgsmål:
Hvordan tilpasser jeg design på FlexyBox WebServices?
Svar:
FlexyBox's services er udviklet så det er nemt for eksterne webbureauer at tilpasse designet til netop det design du ønsker.
Alle elementer kan styles via CSS (cascading style sheets), Du kan læse mere om det her: http://da.wikipedia.org/wiki/CSS. Dette gør det muligt at ændre farver, flytte elementer rundt og ændre størrelser.
Hvordan retter og tester jeg?
For at hente det nuværende design er det nemmest blot at gå ind på den konkrete service, eksempelvis http://booketbord.flexypos.com/KUNDENAVN og hente CSS-filerne.
Du kan dog med fordel lave et tillægs-stylesheet, som kun har de ændringer med, som du foretager dig. På den måde slipper du for at arbejde med vores fulde stylesheet.
Anbefaling: Vi anbefaler her at bruge eksempelvis Chrome Developer tools til at finde frem til, hvilke klasser du ønsker at overskrive. Nedenstående er et eksempel på, hvordan du finder klassenavnet i højre side.
Ønsker du at læse mere om dette værktøj, kan du kigge her: https://developer.chrome.com/devtools/docs/elements
Herefter kan du bruge følgende QueryParameter (http://en.wikipedia.org/wiki/Query_string) "overrideStyleSheet" til at overskrive det eksisterende stylesheet.
Eksempler på tilpasningsstylesheet:
Nedenstående er to eksempler, hvor kunderne har lavet et tilpasningsstylesheet med meget få ændringer, men som radikalt ændrer designet:
Bakken:
Resultat: https://booketbord.flexybox.com/bakken?DepartmentID=900&fixedOffer=309&overrideStyleSheet=https://www.korsbaek-bakken.dk/custom/stylesheets/flexybox.css
Stylesheet: https://gorillapark.dk/flexy.css
|
Når du er færdig med at lave designet, kan du enten blive ved med at bruge "overrideStyleSheet" eller du kan bede FlexyBox om at lægge det ind i systemet, så det ikke længere er nødvendigt med det QueryParameter.
Custom Webfonts og ændring af tekster
I kan sagtens benytte specielle skrifttyper. De skal blot registreres korrekt i jeres CSS.
Hvis du ønsker at ændre tekster, kan dette gøres via CSS. Vi anbefaler dog, at det gøres i FlexyBox systemet, da du så også kan understøtte flere sprog.
Fulde stylesheets
Vi anbefaler IKKE, at du udskifter vores stylesheet helt eller laver store ændringer i design, da det evt. vil kræve nye til retninger fra jeres side, når der kommer nye versioner af systemerne.
TakeAway standard css: http://takeaway.flexybox.com/Content/standard.css
Booketbord standard css: http://booketbord.flexypos.com/Content/Css/booking.css
Webshop standard css: http://webshop.flexybox.com/Content/Css/webshop-1.0.0.0.css |