Startseite · Bausteine
Entwurf · intern
Bausteine und Odoo-Abgleich
Alle Elemente aus dem Assets-Ordner als HTML, und für jeden Abschnitt der Odoo-19-Baustein, mit dem er nachgebaut wird.
Logo
Aus boxup_RGB.15.10.26.pdf: Schriftzug als Vektor (SVG, nimmt die Textfarbe an) und das neue 3D-Maskottchen als Bild.



Für Odoo: Logo als eine PNG (Schildkröte + Schriftzug) hochladen; Favicon = Schildkröte.
Farben = die 5 Odoo-Theme-Farben
Grün und Dunkel stammen aus dem Transporter-Banner (#307C24, #212E35), Lemon aus der Farbkachel U2504 VL Lemon. Lemon bleibt Akzent: Markierung, Auswahl im Lageplan, Handy-Knopf.
Schriften
Poppins 800 Überschrift
Poppins 700 Zwischentitel
Open Sans 400 für Fliesstext. Beide als Google Font in Odoo wählbar, mit Option «auf dem Server speichern» (keine Verbindung zu Google beim Besuch).
Transporter-Banner als Website-Element
Der Banner aus der E-Mail, neu als echtes HTML: Texte bleiben editierbar, Telefon ist antippbar.
Transport geplant?
Wir haben die Lösung!
VW Crafter Mietwagen für BOXUP-Kunden
- 10 m³Ladevolumen
- UnbegrenzteKilometer
- Ideal für Umzüge, Möbeltransporte und grössere Einkäufe
- Attraktive Mietkonditionen
- Einfach & schnell bei BOXUP buchen
Mietpreise
Transporter-Banner für die E-Mail-Signatur
Tabellen-HTML mit Inline-Stilen, funktioniert in Outlook/Microsoft 365. Logo-URL nach dem Hochladen ersetzen.
![]() | ||||||||
|
Transport geplant? Wir haben die Lösung!
VW Crafter Mietwagen für BOXUP-Kunden · 10 m³ Ladevolumen · unbegrenzte Kilometer
Versicherung CHF 17.00 (obligatorisch) | ||||||||
| Jetzt reservieren: 041 511 79 04 · boxup.ch/transporter |
<table cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:100%;font-family:Arial,Helvetica,sans-serif;color:#212E35;border-collapse:collapse"> <tr><td style="padding:0 0 10px 0"><img src="https://www.boxup.ch/LOGO.png" width="220" alt="boxup.ch – the self storage company" style="display:block;border:0"></td></tr> <tr><td style="background:#F3F8F6;border-top:3px solid #307C24;padding:14px 16px"> <div style="font-size:20px;font-weight:bold;line-height:1.2">Transport geplant? <span style="color:#307C24">Wir haben die Lösung!</span></div> <div style="font-size:14px;margin:6px 0 10px 0">VW Crafter Mietwagen für BOXUP-Kunden · 10 m³ Ladevolumen · unbegrenzte Kilometer</div> <table cellpadding="0" cellspacing="0" border="0" style="font-size:14px;border-collapse:collapse"><tr><td style="padding:2px 18px 2px 0">Zusatzstunde</td><td style="font-weight:bold">CHF 17.00</td><td style="padding:2px 18px 2px 28px">Tag</td><td style="font-weight:bold">CHF 115.00</td></tr><tr><td style="padding:2px 18px 2px 0">Halbtag</td><td style="font-weight:bold">CHF 65.00</td><td style="padding:2px 18px 2px 28px">Wochenende</td><td style="font-weight:bold">CHF 170.00</td></tr></table> <div style="font-size:12px;color:#55626A;margin-top:6px">Versicherung CHF 17.00 (obligatorisch)</div></td></tr> <tr><td style="background:#307C24;color:#ffffff;padding:10px 16px;font-size:15px"><b>Jetzt reservieren:</b> <a href="tel:+41415117904" style="color:#ffffff;font-size:18px;font-weight:bold;text-decoration:none">041 511 79 04</a> · <a href="https://www.boxup.ch/transporter" style="color:#ffffff">boxup.ch/transporter</a></td></tr></table>
WhatsApp-Knopf und Handy-Leiste
Unten rechts auf jeder Seite; auf dem Handy über der Aktionsleiste «Anrufen · Box wählen · Route». Offen: WhatsApp braucht eine Handynummer, 041 511 79 04 ist Festnetz.
Abschnitt → Odoo-Baustein
| Abschnitt | Umsetzung in Odoo 19 |
|---|---|
| Kopfzeile | Header-Vorlage, Logo = Bild (Schildkröte + Schriftzug als eine PNG/SVG), Menü als Links; Pill-Stil und Telefon + Button rechts im Header-Editor prüfen |
| Startbild | s_cover: Bild rechts, Verlauf weiss, H1 mit Hervorhebung «freehand», 2 Buttons, Faktenreihe (s_features); Ken Burns = Theme-SCSS (optional) |
| Vorteile (6) | s_features_grid: Icon, Titel, Text |
| Angebote (4) | s_cards_grid: Bild, Titel, Preis, Link |
| Lageplan | s_embed_code: ganze Datei lageplan-embed.html einfügen (keine Bilder nötig) |
| Kennzahlen | s_numbers auf o-color-1, Zähler optional (Theme-Skript) |
| Kinoband Korridor | s_parallax mit Overlay; Letterbox-Balken = Theme-SCSS (optional) |
| Volumenrechner | s_text_image + Button, Link extern 6storage |
| Bild + Text | s_image_text / s_text_image |
| Transporter | s_image_text + s_pricelist_boxed, grünes Band = Text-Baustein mit o-color-1 |
| Was ist Self Storage? | s_text_block zweispaltig |
| Standort | s_contact_info + s_opening_hours, ohne Google-Karte |
| Aufruf | s_call_to_action hell (o-color-3) + Bild Maskottchen |
| Telefon-Band | Text-Baustein auf o-color-1 in der Footer-Vorlage |
| Preistabellen | s_comparisons oder Tabelle im Text-Baustein |
| Abläufe | s_process_steps (Steps) |
| FAQ | s_faq_collapse (FAQ Block) |
| Formulare | s_website_form, Aktion «Create an Opportunity» (CRM) |
| WhatsApp-Knopf | ausgeblendet bis Handynummer vorhanden; dann Social-Media-Link oder Theme-SCSS |
| Handy-Leiste | s_cta_mobile prüfen, sonst kleines Theme-SCSS |
Baustein-IDs aus dem Odoo-19-Quellcode (website/views/snippets/snippets.xml). Nur der Lageplan ist eigenes HTML (Baustein «Embed Code» führt Skripte auf der öffentlichen Seite aus, im Editor nicht).
