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.

Bootstrap4 für Modified Shop 2.x - freies responsive Template

Das Template basiert auf dem Bootstrap-Framework 4 und wird getestet mit der, zum Zeitpunkt des Erscheinens eines neuen Releases, aktuellen Shopversion.

Eigenschaften:

• 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

Systemmodul "Bootstrap 4 Template Manager"

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.

Installation

• 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.

Update Template Manager

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/).

Bilderslider

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.

BS4 Banner Manager

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.

Umbenennen des Templates

• 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.

Theme-Einstellungen (Kurzanleitung)

• 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

Sollten Sie mit einem Problem nicht weiter kommen, finden sich bestimmt Helfer im Modified-Forum

Thema: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

Viel Spaß!
Karl

Anhang

Einbau - MODUL: OIL.js Cookie Consent Management

(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

Einbau

1. Dateien aus den Ordnern NEW_FILES und CHANGED_FILES in den Shop kopieren.
2. Im Adminbereich Module -> System Module das Modul Cookie Consent installieren.
3. 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