Bootstrap Classic - Responsives Template
Bootstrap 4.5

Responsive HTML5 Template für eine optimale Darstellung auf allen Desktop- und mobilen Endgeräten. Das Template nutzt komplett das Bootstrap 4.5 Framework und wurde daraufhin optimiert. Sämtliche HTML Dateien wurden entsprechend umgeschrieben und angepasst.
 

• Template in Bootstrap Container-Breite, inkl. linker Spalte (max. Breite 1200 Pixel)
• Sidebar-Navigation (angepasstes coreNavigation.js) und extra Footer-Navigation für mobile Darstellungen
• Neuer Slider (Bootstrap carousel) oder einzelnes Hintergrundbild mit zwei Textfeldern auf der Startseite
• Login als Bootstrap Modal
• SVG-Icons, inkl. diverser Social Icons
• SVG-Logos der gängigen Versand- und Zahlungsdienste inkl.
• Colorbox komplett ersetzt durch Bootstrap Modals
• Sumoselect ersetzt durch Bootstrap Custom Select.
• Radios und Checkboxen ersetzt durch Bootstrap Custom Forms
• Neues Carousel für Bestseller (Bootstrap carousel - single step)
• Neues Carousel für Neue Artikel (Bootstrap carousel)
• Neues Carousel für Angebote (Bootstrap carousel)
• Neues Carousel für Bewertungen (Bootstrap carousel)
• Neues Carousel für Zuletzt angesehen (Bootstrap carousel)
• Javascript Alerts mittels Bootstrap Modals
• Zoomfunktion für Artikelbilder in der Detailansicht mittels Bootstrap Modals (inkl. Galeriefunktion)
• Listing Erweiterung (Bewertung, Sale, Neu)
• Unterschiedliche Galerieversion je nach Template der Produktinfo-Seite

Template anpassen

Das Template kann bei entsprechenden HTML/(S)CSS- Kentnissen selbst über die (S)CSS-Dateien angepasst werden. Anpassungen sollten in der stylesheet.css gemacht oder mittels der mitgelieferten .scss-Dateien. Im Ordner /scss finden Sie die nötigen .scss-Dateien zur Anpassung/Änderung der Templatestyles, daraus kann dann die für den Webserver benötigte .css-Datei kompiliert werden (z.B. mit Scout-App). Die Bootrap 4.5 JS Dateien sind im Originalzustand und sollten nicht verändert werden.

PlugIns

• coreNavigation.js - Bootstrap Navigation - https://corenav.anurdin.net/
• Oil.js - CookieConsent - https://www.oiljs.org/