Bitte beachten!
Bootstrap4 wird nur bis Shopversion 3.0.0 unterstützt!
Ich empfehle allen auf TEMPLATE: Bootstrap5 für Shop 3.x - freies responsive Template zu wechseln. Bootstrap5 mit Bootstrap5a punkten bei Lighthouse mit Barrierefreiheit und Geschwindigkeit, außerdem sind beide Templates tastaturbedienbar.
Das Template basiert auf dem Bootstrap-Framework 4 und wird getestet mit der, zum Zeitpunkt des Erscheinens eines neuen Releases, aktuellen Shopversion.
- responsive Template für PC, Tablet, Smartphone
- unterstützt alle Neuerungen der Shopversion 2.0 (z.B. Komprimierung, Filter)
- zentrales Dropdownmenü für alle Artikel
- bestimmte Kategorien können als Megamenü dargestellt werden
- EU-Cookie-Hinweis - das System-Modul "Cookie Consent" (ab Shopversion 2.0.6.0 Standard) muss dazu im Adminbereich installiert werden
- Bilderslider auf der Startseite, im Banner-Manager befüllbar
- Easyzoom-Vergrößerung in der Produktdetailansicht
- Top-Artikel und Bestseller als Slider anzeigbar
- Farbbänder/Ribbons Top, Neu, Angebot
- Font Awesome Icons integriert
- keine Core-Änderungen nötig
- Kategorielisting (Hauptkategorien) auf Startseite (schaltbar in BS4-Konfiguration Tab "Ansichten")
- Banner Manager für Bootstrap Slider - Banner können Kategorien zugewiesen werden.
Jede Kategorie kann eigene Slidereinstellungen erhalten.
Vorschaubilder sind im Verzeichnis images/ zu finden
Sobald das Systemmodul installiert ist stehen unter dem Menüpunkt Erw. Konfiguration - Bootstrap 4 Template Manager zahlreiche Einstellmöglichkeiten zur Verfügung.
Im Paket enthalten sind die Module - Kundenerinnerung für vorübergehend nichtverfügbare Artikel - Billiger gesehen? - Frage zum Artikel? - Automatische Preisberechnung bei Attributen - AGI: Anzahl im Warenkorb reduzieren - Awids Rating Breakdown - Rezensionsaufgliederung nach vergebenen Sternen
Diese Module sind im Template Manager zuschaltbar.
Im Template Manager können auch Theme-Einstellungen vorgenommen werden.
So kann aus 22 Templatevorlagen gewählt, oder 2 eigene Themes erstellt werden.
Auf Knopfdruck wird die erstellte Vorlage mit Hilfe eines SASS-Compilers konvertiert, in den Shop übernommen und aktiviert.
Auch die Möglichkeit zusätzliche Schriftarten DSGVO-konform zu integrieren besteht.
- Vor jeder Änderung sollte ein Backup gemacht werden!
- Die Dateien aus dem Ordner new_files/ in den Shop kopieren (evtl. muss der Name des Admin-Ordners vorher angepasst werden).
- Im Adminbereich Konfiguration->Mein Shop das Template auswählen.
- Zur Nutzung des Template Managers im Adminbereich Module->System Module den Bootstrap 4 Template Manager installieren.
Voraussetzung: Dateien sind aktuell - System Modul "Bootstrap 4 Template-Manager" installiert.
- Zur Nutzung neuer Funktionen des Template Managers muss im Adminbereich Module->System Module der Bootstrap 4 Template-Manager ausgewählt werden.
- Anschließend den Button Update klicken und Update ausführen.
Hinweis: Die bisher gemachten Einstellungen werden nicht überschrieben, es werden nur neue Funktionen mit den Standardwerten hinzugefügt.
Dies betrifft nicht die gemachten Theme-Einstellungen für eigenes Theme 1 und eigenes Theme 2, diese Einstellungen werden in Dateien gespeichert (Ordner admin/includes/bs4_template_manager/themes/custom1/ und admin/includes/bs4_template_manager/themes/custom2/).
Damit man sehen kann wie man den Banner Manager befüllen kann, habe ich ein Modul erstellt. Diese Modul kann hier bei Github heruntergeladen werden.
- Die Dateien aus dem Ordner in den Shop kopieren (evtl. muss der Name des Admin-Ordners vorher angepasst werden).
- Anschließend im Adminbereich unter Module->System Module das Modul SLIDER-Beispiele für Template Bootstrap4 installieren.
Dadurch wird der Banner Manger mit Musterdaten (deutsch und englisch) für den Slider befüllt.
Die Installationsdatei admin/includes/modules/system/aa_slider_installer_system.php löscht sich normalerweise automatisch.
Unter dem Menüpunkt Erw. Konfiguration - Bootstrap 4 Template Manager ist der BS4 Banner Manager zu finden.
Für den Bootstrap Slider - können den Kategorien Banner zugewiesen werden. Zudem kann jede Kategorie eigene Slidereinstellungen erhalten.
- Den Ordner "bootstrap4" einfach ändern.
- Im Adminbereich Konfiguration->Mein Shop das Template auswählen.
Im Template Manager gemachte Einstellungen bleiben unverändert, für die Übernahme von Themeinstellungen muss auch dort der neue Name eingestellt werden.
- Pfad zum BS4 Template wählen
- Pfad zum BS4 Theme wählen z.B. "eigenes Theme 1" - "Aktualisieren" drücken
- Tab "eigenes Theme 1" - Vorlage wählen und Button "Vorlage laden" klicken => Vorschau wird geladen
- Änderungen machen und "Aktualisieren"
- Zurück zu Tab "Allgemeines" und "Fertig- Theme ins Template übernehmen" klicken
- Caches löschen und Shop Frontend aktualisieren
Viel Spaß!
Karl
(Achtung: Diese Anleitung gilt nur für ältere Shopversionen - ab Shopversion 2.0.6.0 ist dieses Modul Standard!)
Wer das neue Modul bereits nutzen will, der muss darauf achten, von hier
Thema: MODUL: OIL.js Cookie Consent Management
immer die aktuellen Dateien zu nutzen.
Ist das Modul aktualisiert worden, dann müssen auch diese Templatedateien geprüft werden
- templates/bootstrap4/boxes/box_content.html
- templates/bootstrap4/css/jquery.cookieconsent-oil.css
- templates/bootstrap4/javascript/general.js.php
- templates/bootstrap4/javascript/oil.min.js
- templates/bootstrap4/javascript/extra/cookieconsent.js.php
- templates/bootstrap4/index.html
- templates/bootstrap4/offline.html
- Dateien aus den Ordnern NEW_FILES und CHANGED_FILES in den Shop kopieren.
- Im Adminbereich Module -> System Module das Modul Cookie Consent installieren.
- Konfiguriert kann das Modul unter Menüpunkt Konfiguration -> Cookie Consent werden.
Am Template müssen keine Veränderungen vorgenommen werden, alle nötigen Dateien sind im Templateordner enthalten.
P.S.:
- Bei einem Update der Dateien aus dem oberen Link sollte man vorsichtshalber immer Module -> System Module einmal aufrufen. Eventuell wird man aufgefordert das Modul einmal zu sichern (Backup), zu deinstallieren und wieder zu installieren.
- Wer die CSS- und JS-Kompression eingeschaltet hatte, sollte den Inhalt folgender Dateien löschen. Dadurch werden diese Dateien beim nächsten Shopaufruf, mit dem verändertem Inhalt, neu geschrieben.
- templates/bootstrap4/css/tpl_plugins.min.css
- templates/bootstrap4/javascript/tpl_plugins.min.js