Liebe Inware-Mitarbeiter*Innen
Wir freuen uns immer über neue Bricks!
Wenn du einen Eintragstyp, ein Modul oder Component o.ä. programmiert hast, den man wiederverwenden könnte, bitte deine(n) Projektleiter(in), etwas Zusatzbudget zu geben, um hier einen Brick davon zu erstellen. Die Integrationsanleitung findest du im Readme.
Falls du kein Budget bekommst, erstelle hier trotzdem einen Eintrag vom Typ "Schablone", um es uns leichter zu machen, deinen Code zu finden.
Vielen Dank! <3
/components/sample-brickDieser Eintrag dient als Demo für Create via kb_propose. Nach Freigabe in der Review-UI erscheint die Seite auf bricks.inware.ch und wird indexiert.
Inhalt hier ersetzen oder den Eintrag nach dem Test wieder löschen.
Sofern ein Artikel archiviert ist wird ein Feld angezeigt mit welchem die automatische veröffentlichung geplant werden kann. Dies wird dann mit einem CMD Handler und Cron Job durchgeführt.
Auf dieser Website wurde auch das gleiche für die Blog Artikel umgesetzt.
MMA 9.6.26
Der Kunde wünschte sich bei allen Listen wo eine Bild teil eines Eintrags ist dass wir einen Massenuploader Knopfhinzufügen. Hier kann man einfach die Listennamen und Bildfeldnamen angeben und dann wird automatisch überall ein Massenuploader hinzugefügt.
MMA 9.6.26
Ein virtuelles Feld auf Shop-Artikeln mit man einstellen kann bei welchen anderen Artikeln der aktuelle als Crossselling angezeigt wird.
Man muss nur das Feld im Configeditor und zwei Hook Funktionen hinzufügen.
MMA 9.6.26
Eine einfache Zwei-Faktor Authentifizierung per E-Mail
Des weiteren wurde ein Button implementiert mit dem man den Versand des selben Codes erneut auslösen kann.
Auf dieser Website kann man Notizen auf einzelnen Artikeln resp. Positionen im Warenkorb hinterlassen. Diese werden dann Proffix im Feld ExterneNotizen auf den Positionen übergeben.
Die Seite implementiert auch noch Mitteilung auf der Bestellung welche wieder im Feld Fusstext übergeben werden.
Alle Mutationen werden in einem Modul geloggt.
Auf einen Blick sieht man u.a. Benutzer, Aktion und Datum.
In der Detailansicht sieht man die Einträge vorher -> nachher
Kategoriesiert nach
- Level 0: Modul (z.B. Seiten, News etc.)
- Level 1: Kategorie
Artikel-Mutationen werden geloggt, so dass man nachvollziehen kann, wer was geändert hat.
Man sieht den Benutzer (admin, root, oder alle anderen aus dem Benutzermodul) oder "Proffix", falls es durch den Proffix-Import geschah.
- Kategoriesierung nach Events, so dass man z.B. auf einen Klick alle gelöschten Artikel oder alle Preismutationen sehen kann
- auch für Proffix optimiert
- einfach zu integrieren
- nur für Artikelmutationen konzipiert, nicht z.B. für das Seitenmodul
So können Weiterleitungen ganz einfach vom Kunden verwaltet werden. Ohne umschreiben von .htaccess
Das Modul ist als Modul auf bricks installiert. Einfach den ganzen Modulordner kopieren.
Am besten die Klasse AbstractRedirects.php nicht verändern, und nur im /custom Ordner arbeiten, so bleibt das Verhalten überall gleich.
Ein JQuery-Plugin, das das Anzeigen von verschiedenen Nachrichten genutzt werden kann. Am besten ist es dafür geeignet, um Feedback in einem Ajax-Fomular anzuzeigen.
Rangeslider mit js-Plugin noUiSlider
sehr individuell konfigurierbar, u.a. möglich:
Auf der linken Seite sticky Bilder, auf der rechten Seite normal scrollende Texte
Mehrere Items desselben Typs, es wird nur eine gewisse Menge angezeigt. Unten gibt es einen Button "Mehr". Wenn man darauf klickt, werden alle eingeblendet. Es gibt dann einen Button "Weniger", mit dem kann man wieder auf den Ursprungszustand zurück.
Karte auf der die Standorte von gewählten Herstellern und Personen angezeigt werden kann.
Ein interaktiver Kalender, der z.B. alle Tage besonders gefärbt anzeigt, an denen es Events gibt.
Beispiele:
- Ohne Plugin und dadurch völlig frei und einfach individualisierbar.
- Nicht ganz BEM-konform.
Bestellungen-Export mit weiteren Optionen.
Auch hier ein anderes Beispiel: Bestell-Export shop.dorbena.com
Vorgehen:
function beforeExport() {
include('export.php');
return ['preventDefault' => true];
}
Filtersystem für den Shop, ausgelegt auf grössere Artikelmengen, UI sehr ähnlich wie bei Digitec / Galaxus.
Sehr performant.
Anpassungen an der Artikeldatenbank sind nicht sofort fürs Filtersystem aktiv. Neue Artikel können mit der Filterung erst nach Aktualisierung gefunden werden.
Pro Aritkel kann eine Mindest- und eine Maximalmenge hinterlegt werden.
Berücksichtig auch das Zusammenspiel der Maximalmenge mit dem Lagerbestand und der Einstellung der Lagerverwaltung in der Konfiguration.
Statt den Selects erfolgt die Variantenauswahl auf der Artikeldetailseite mit Buttons.
Die Farbvariante wird als wählbarer Farbklecks angezeigt.
Umfängliche Erweiterung des Variantensystem 2.0.
Die Wählbahren Varianten folgen einer Custom-Sortierung. Man kann ebenfalls pro Artikel ein Hauptmerkmal setzten z.B. Farbe oder Grösse, das dann an erste Stelle verschoben wird, als würde man es in der Konfiguration als erstes Merkmal setzen.
Kann folgendermassen konfiguriert werden:
HTML-Struktur ist etwas komplizierter zum Erweitern, da es im JS generiert wird.
Der Button-Text passt sich nach dem Upload an.
Bei einer Datei wird der Dateiname verwendet, wenn dieser zu lang ist wird er gekürzt mit ... Bei mehr als einer Datei wird angezeigt wie viele Dateien hochgeladen sind.
Logos laufen in Endlosschleife durch
Bei einem Artikel ein Angebot anfordern, dann kann man das PDF runterladen.
Die 3D- (sowie auch die Balken-) Diagramme wurden mit d3.js umgesetzt. Mit d3.js lassen sich SVGs basierend auf Daten generieren. Die Kuchendiagramme werden so Stück für Stück zusammengebaut (erst die Aussenseiten, dann die Innenseiten, dann die Oberflächen). Die einzelnen Schritte sind im Code genauer ersichtlich, Orte an denen etwas spezielles gemacht werden musste, sind durch Kommentare hervorgehoben.
3D-Effekt mit anpassbaren Farben
Die derzeitige Implementation unterstützt maximal 2 Scheiben (Grund: Einige Spezialfälle fallen bei 2 Scheiben weg).
Ein Video-Player, der mp4 Videos sowie YouTube- und Vimeo- Links unterstützt.
Die Video.php Klasse aus dem Wiki würde für diesen Component erweitert, sodass man für YouTube- und Vimeo-Links alle optionalen Parameter der jeweiligen Plattform benutzen kann.
Ein schöner M4-Video Player mit custom Controls.
- Custom Controls
- Auf alter Webseite umgesetzt
- Relativ aufwändig zum Einbauen
Personensuche mit div. Filtern. Insbesondere auch eine Umkreissuche anhand der Angabe von Ort oder PLZ und Anzahl Kilometer Umkreis
Personensuche mit div. Filtern. Insbesondere auch eine Umkreissuche anhand der Angabe von Ort oder PLZ und Anzahl Kilometer Umkreis
Komplexer Cookie-Einwillungsbanner um DSGVO-Richtlinien zu erfüllen
Cookiebanner über den Service Cookiebot. Es gibt eine Gratisvariante ohne Styling und eine mit. Das Styling sollte über die Cookiebot Seite umgesetzt werden.
Es gibt zwei scripts:
Das Script mit der Id “CookieBot” muss auf jeder Seite eingebunden werden. Das ist der Cookiebanner selber.
Das Script mit der Id “CookieDeclaration” gibt die deklaration des Cookiebanner aus. Welche Id man hat und so weiter. Dies darf nicht auf jeder Seite sein. Mache einen neuen Eintragstyp und spiel diesem Script in diesem Eintragstyp aus. Mache eine neue Seite à la Datenschutz und füge diesen Eintragstyp dort ein
Cookiebanner von Inware mit einer zentralen Verwaltungsseite.
Es gibt eine zentrale Verwaltungsseite cc.inware.ch. Dort gibt es verschiedene Module:
Die einzelnen Webseiten beziehen die benötigten Informationen für den CC-Banner direkt von der Datenbank von der zentralen Verwaltungsseite und wandeln die Informationen in die Konfiguration um.
Um neue Cookies zu entdecken, gibt es ein automatisches Meldesystem im inwarecc Modul. Wenn ein Benutzer auf die Seite kommt, wird geschaut ob es ein js- oder php-Cookie gibt, dass nicht im aktuellen CC-Banner integriert ist. Falls dies der Fall ist, gibt es einen Request an die zentrale Verwaltungsseite. Diese prüft, ob das Cookie bereits erfasst ist, und falls ein entsprechender Dienst gefunden wird wird dieser automatisch mit der Seite verknüpft. Falls nicht, wird ein Email ausgelöst, und der Support muss dies erledigen (siehe hier).
Dasselbe System gibt es für Scripts, die nicht richtig bearbeitet sind
Tooltip. Wird beim Drüberhovern des Parents angezeigt.
Suche nach Personen mit PLZ / Ort. Es kann ein Radius in km angegeben werden, innerhalb dessen gesucht werden darf.
Formulare können über das Formular-Modul beliebig zusammengestellt werden.
Mit folgenden Inputmöglichkeiten:
Zusätzlich:
In den Formular-Einstellungen (Kategorie-Einstellungen) kann folgendes konfiguriert werden:
Anmeldungs-Modul
Terminbuchungstool für Freshpage 1.
Zwei Versionen:
Terminbuchungstool für Freshpage 2
Die Felder werden automatisch in ein CSV geschrieben und dem Websitebetreiber mitgesendet.
Logik für das automatische Befüllen eines CSVs, auch wenn später neue Felder dazukommen.
Uralt.
Zweistufiges Menu, 2. Level wird beim Hovern über der Hauptkategorie sichtbar.
Dreistufig. 1. Level horizontal angeordnet. 2. und 3. Level beim Hovern sichtbar.
- Bildtext wählbar links / rechts, Video / Bild.
- mobile: Text über Bild, Desktop: Text neben Bild
Ein Bild mit fixem Seitenverhältnis. Innerhalb eines Containers mit Max-Width.
Herobild mit Textbox darüber.
Das Bild hat grundsätzlich eine fixe Höhe, aber bei kleineren Bildschirmen wächst es, falls zu viel Text hinterlegt ist.
Kann folgendermassen konfiguriert werden:
Beim Upload des PDFs im Backend werden automatisch PNGs daraus generiert. Im Frontend wird dies dann wie eine Bildergalerie mit der Fancybox angezeigt.
Beim Upload des PDFs im Backend werden automatisch PNGs daraus generiert. Im Frontend wird dies dann wie eine Bildergalerie mit der Fancybox angezeigt.
Bilder in Zweispalter und Bild/Text, Grossflächiger Teaser, Branche Kunst
Standard NL, Bildlastig, Branche Tiere und Gesundheit
Individueller NL mit Navigation, Bild-Text, Hintergrundbild und Artikelliste (Achtung: nicht ganz responsive)
Standard NL, individueller Footer und “Aus Newsletter austragen”-Link als Button, Branche Architektur
Standard NL, Branche Politik
Bildergalerie, Produkte-Teaser, Agenda, Titelfarbe, Automatisch senden per Datum, Branche Blumen
Standard NL, Branche Food / Süsses
Individueller NL mit vielen Funktionen (Trennlinie, Abstände, Text-Badge, Google Analytics Kampagnen Name, Logo ein/ausblendbar, Bild/Text, Produkte)
Standard NL, modern, frisch, Branche Technik
Standard NL, Branche Gastro, Küche
Individueller Corporate-NL mit Einleitung, Bild/Text (Bildposition definierbar), Newselemente
Beauty-NL. Bild/Text, Abstände definierbar
Mit Antwort-Möglichkeit / Abstimmung (Achtung: nicht ganz responsive)
Veranstaltungs-NL / Kunstprojekt
Fashion-NL mit vielen Bildern und Artikelteaser (für Shop)
Umfangreicher NL mit Agenda für Veranstaltungen und Zugangsbeschränkung
Referenz für Fashion-NL, Bild/Text-Eintrag rechts/links einstellbar
Catchy Header, Bild/Text, Video-Element, Links, Infografik, spezielle Social Media Icons
Verschiedene Eintragstypen (Bild, Bild-Text, Teaser), auf Mobile optimiert
Schöne Farbkombination, orientiert am Logo, ansonsten Standard
Simpler Dreispalter mit Bild, Datum, Text, Trennlinien und cleanem Header
Cleaner Newsletter mit vielen Verlinkungen und Bild/Text-Einträgen
Simpler Newsletter mit Hintergrundfarbe, Titelfarbe beim BildText-Eintrag zuweisbar und definierbar in der Konfiguration, Branche: Gesundheit, Tiere
Gutes Beispiel für einen Sale-Newsletter, ansonsten alles Standard
Toller Newsletter für Shops: mit Navigation (Links zu den Hauptkategorien) im Header, schönes Styling der Produkte-Links, Präsentation der Marken, mit Counterlinks
Umfangreich: Text/Bild, Schreibmaschinen-Schrift, grosser verlinkter Newsletter-Titel, Trennlinie, Zweispalter, mit Counterlinks
Inware-Newsletter mit komplexem Header und Footer (Schräge, optimiert auf vielen Mailclients), mit BildText, Trennlinie, Gallerie, Banner, Teaserbox und BoxenMitLinks
Konservativ, mehrspaltig, Branche Transport und Flugzeug
Textlastiger Newsletter mit vielen Links, Banner als Header, Einstellungsmöglichkeiten für Bilder (Volle Breite, Fixe Höhe in Pixel, Abstand nach unten), Branche Immobilien und Education
Simpler Newsletter, Branche Fitness, Bilder-basiert, Lettering-Logo
Rustikaler Newsletter, mit viel Text und einigen Produktbildern, als Referenz für die Branche Modelleisenbahn oder kleinere Online-Shops
Schön verarbeiteter Newsletter mit Bild-Text und individuellen Schriften
Als Referenz für Fashion-Shops oder Schmuck, Bild/Text, individuelle Schreibmaschinen-Font
Mehrspaltig mit Bild, eher textlastig, sehr konservativ
Geeignet für Shops, mit Artikelteaser und Counterlinks
mit automatischer Anbindung an Katalog
klarer einfacher newsletter, basierend auf standard
bild / text mehrfarbig
bild / text und produktelistings
textlastig einfacher aufbau
spezieller header / individuelle fonts
Komplexer Newsletter mit verschiedenen Vorlagen (ict.inside, ict.edu, Medienmitteilung), dreisprachig, mit Newsletter-Archiv, Agenda-Teaser (via Agenda-Modul und Listeneinträgen) in individuellem Design
zweispaltig
(ist eine Kopie vom Inware Blog ;))
Eine umfangreichere Variante mit Fullscreen-Hamburger inkl. Aufplopp-Effekt.
Die Hamburgernavigation hat ein Fullscreen-Overlay mit Bild.
Die Hamburgernavigation ist einstufig und schlicht, mit Slide-In Effekt.
