ATTENZIONE:
questa pagina non va per nessun motivo modificata, non vanno aggiunti, rimossi o nascosti moduli (a meno che non ne vengano sviluppati di nuovi con intervento tecnico). Nel caso si volessero fare dei test sulla configurazione del singolo banner o modulo, duplicare quello esistente e a test finito rimuoverlo.
Clicca qui per vedere le varianti da passare al typography.
Menu Banner
Istruzioni aggiuntive:
- componente: FiloBlu Banner
- template: menu
- per posizionare il testo in basso, centro o alto utilizzare nel FiloBlu Banner le classi CSS: bottom, center, top.
Valido solo per menu DESKTOP
Hero Banner
Istruzioni aggiuntive:
- componente: FiloBlu Banner
- template colonna sx: lasciare vuoto
- template colonna dx: newsletter
- per posizionare il testo in basso, centro o alto utilizzare nel FiloBlu Banner le classi CSS: bottom, top. Default: center.
- per utilizzare la versione con testo più piccolo, utilizzare nel FiloBlu Banner la classe CSS: small.
Hero Banner
Istruzioni aggiuntive:
- componente: FiloBlu Banner
- template: lasciare vuoto
- per posizionare il testo in basso, centro o alto utilizzare nel FiloBlu Banner le classi CSS: bottom, top. Default: center.
- Utilizzare la classe CSS mobile-bottom per posizionare il testo in basso a mobile.
- per utilizzare la versione con testo più piccolo, utilizzare nel FiloBlu Banner la classe CSS: small.
Classi/Appareance applicati:
- Appareance: collage right
- Classi CSS: mobile-bottom
NOTA: se la row è in "Above the Fold", l'immagine è in background-size: cover; e non è necessaria differenza fra desktop e mobile. Applicabile solo se primo banner sotto header.
Hero Banner
Classi/Appareance applicati:
- Appareance: collage right
- Classi CSS: bottom
Hero Banner
Classi/Appareance applicati:
- Appareance: collage left
- Classi CSS: bottom
Hero Banner
e così via...
Hero Banner
Variante solo CTA
Istruzioni aggiuntive:
- componente: FiloBlu Banner
- template: lasciare vuoto
- per posizionare il testo in basso, centro o alto utilizzare nel FiloBlu Banner le classi CSS: bottom, top. Default: center.
- per utilizzare la versione con CTA più piccola, utilizzare nel FiloBlu Banner la classe CSS: small.
- per cambiare colore alla variante CTA di tipo "Link" e farla diventare bianca, utilizzare nel FiloBlu Banner la classe CSS: secondary. Default: nera.
Classi/Appareance applicati:
- Appareance: collage left
- Classi CSS: top secondary a sinistra, top small a destra
- CTA Type: Link
Hero Banner
Esempio di Listing Banner
Classi/Appareance applicati:
- Appareance: collage left
- Classi CSS: top secondary
- CTA Type: Link
Banner Configuratore
Istruzioni aggiuntive:
- componente: FiloBlu Banner
- template: configuratore
- sezione advanced: modificare la variabile
--position-top
per modificare il posizionamento del banner.
Products Slider
Istruzioni aggiuntive:
- template: vuoto
- template slide: vuoto
Le novità pensate per te
Instagram Banner
Istruzioni aggiuntive:
- componente: FiloBlu Slider
- template: vuoto
- Ogni slide ha template instagram
- Title da inserire per l'Alt tag delle immagini (non è visibile a front-end)
NOTA: Block ID --
instagram_widget_blockda richiamare nelle varie pagine, così da doverlo modificare una volta sola.
Lasciati ispirare dalle nostre O bag Lovers
PLP SEO description
O BAG: LA NOSTRA PRIMA ICONIC BAG
Sembra ormai lontano il 2012, l'anno in cui nasce O bag: la nostra primissima e iconica borsa componibile e personalizzabile in ogni sua parte (manici, tracolle, bordi, sacca interna, scocca!). Ma il concept della borsa "componibile" non era (e non è tuttora) l’unico elemento innovativo. Anche il materiale di cui è composta non scherza! Il Compound Termoplastico, infatti, è un materiale tecnologico leggero, flessibile e resistente che ci rende riconoscibili e unici (modestamente) al mondo intero. La nostra borsa O bag è capiente e versatile. Grazie al praticissimo sistema di montaggio, puoi personalizzarla cambiandole i manici, le tracolle, le sacche interne e i bordi. La scocca è disponibile in tanti colori, anzi tantissimi! Per lo shopping sarà la tua migliore amica, per il lavoro la tua alleata più fidata, per il tuo hobby una compagna impeccabile. Una borsa che può avere più di un milione di combinazioni. E tu, quante ne hai provate fino ad ora? Divertiti a creare la tua personale O bag, usa il nostro O bag ID oppure lasciati ispirare dalle O bag che abbiamo creato per te.
BORSE O BAG: PREZZO ACCESSIBILE E COLLABORAZIONI PRESTIGIOSE
O bag è diventata l’emblema del brand a cui ha dato il nome, grazie a una forma unica e un design semplice in grado di coniugare funzionalità, resistenza e leggerezza. La sua produzione è affidata al know how e all’esperienza di collaboratori e fornitori presenti sul territorio italiano, garantendo gli standard qualitativi tipici del Made in Italy. I motivi del successo della nostra iconic bag? Beh, semplice: la possibilità di personalizzarla con accessori sempre diversi, i materiali innovativi di cui è composta, il prezzo accessibile e le collaborazioni prestigiose con brand e designer di fama mondiale!
Before/After
Istruzioni aggiuntive:
- componente: FiloBlu Banner
- template: before-after
- banner image: immagine mostrata a sinistra
- banner image mobile: immagine mostrata a destra
- È possibile modificare icona e colore dello slider, basta passare come Title, il nome del componente icona, esempio StarIcon, e impostarne il colore su Title color e Mobile title color.
Boxed Banner
Istruzioni aggiuntive:
- componente: FiloBlu Banner
- template: vuoto
- aggiustare i vari padding come d'esempio.
O bag Special Collection
L'iconica e inimitabile borsa componibile.
Crea la tua: scegli la scocca del colore che preferisci e abbina i manici, lunghi o corti, e la sacca interna. Puoi completare il look con un bordo, una tracolla o un piccolo accessorio. È super capiente ma leggera, resistente e facile da pulire.
L'iconica e inimitabile borsa componibile.
Crea la tua: scegli la scocca del colore che preferisci e abbina i manici, lunghi o corti, e la sacca interna. Puoi completare il look con un bordo, una tracolla o un piccolo accessorio. È super capiente ma leggera, resistente e facile da pulire.
Boxed Banner
Istruzioni aggiuntive:
- componente: FiloBlu Banner
- template: vuoto
- aggiustare i vari padding come d'esempio.
Slider con GIF
Istruzioni aggiuntive:
- componente: FiloBlu Slider
- template: vuoto
- template slide: vuoto
NOTA: non è possibile caricare dal banner immagini di dimensione superiore ai 4MB. È possibile bypassare questo limite (attenzione che rende il caricamento della pagina più lento e non ottimizzato):
- anziché fare l'upload diretto dal banner, cliccare Select from Gallery
- posizionarsi nella directory wysiwyg
- cliccare su Upload Image in alto a destra
- una volta caricata l'immagine, selezionare l'immagine e cliccare su Add Selected
Slider con cover
Istruzioni aggiuntive:
- componente: FiloBlu Slider
- template: cover-flow
- template slide: vuoto
NOTA: aggiungere HTML nel Message Text dello slider per vederlo visualizzato a destra.
La nostra sede
Una superficie composta da oltre 2.000 mq di uffici, uno showroom espositivo di 400 mq dedicato alle presentazioni delle collezioni, uno studio fotografico di 500 mq e più di 400 mq dedicati al personale con sala mensa, aree ricreative e palestra.Una struttura sviluppata con l’obiettivo di creare un ambiente di lavoro confortevole e stimolante, capace di comunicare la filosofia di un’azienda che ha sempre espresso vivacità e attenzione alle tendenze.