Hallo Zusammen,
@mhase:
Kein Problem, war von mir nicht böse gemeint - versuchte nur die Vorgehensweise zu erklären.
@snocer:
Dein erstes Anliegen "Category Buttons" verstehe ich nicht.
Solltest du die Cards "Weitere Unterkategorien" meinen, dann musst du die entsprechende Templatedatei template/bootstrap4/module/sub_categories_listing.html anpassen.
Im Listing eine Kategorie siehst du immer nur die gewählte (aktive) Kategorie, weitere Unterkategorien und in der Kategorie enthaltene Artikel.
Wenn du also Aktive einfärben und mit Hovereffekten versehen willst, dann müsstest du die gesamte Ansicht einfärben.
Zu den Bootstrap 4 Theme-Einstellungen:
Dort gemachte Änderungen wirken sich vorerst nicht im Shop aus - es ist eine Spielwiese zum Testen.
Beispiel 1 - Shop soll das Beispieltheme "Solar" erhalten:
Im Tab Allgemeines wählst du als Pfad zum Template "bootstrap4" und als Theme "Solar" und aktualisierst.
In der Vorschau siehst du jetzt "Solar" mit den CSS-Definitionen von Solar.
Das Theme entspricht deinen Vorstellungen und du klickst im Tab Allgemeines auf den roten Button "Fertig - Theme ins Template übernehmen".
Jetzt wird die vorher erzeugte Datei bootstrap.min.css in das Template kopiert, die dort vorhandene Datei in .bak umbenannt.
Beispiel 2 - Shop soll ein eigenes Theme erhalten:
Im Tab Allgemeines wählst du als Pfad zum Template "bootstrap4" und als Theme "eigenes Theme 1" und aktualisierst.
In der Vorschau siehst du jetzt "eigenes Theme 1".
Im Tab eigenes Theme 1 wählst du als Themevorlage "Flatly" und klickst anschließend Vorlage laden.
In der Vorschau siehst du jetzt "eigenes Theme 1", aber mit den CSS-Definitionen von Flatly.
Du willst die Linkfarbe in orange ändern, also scrollst du weiter nach unten zur Linkfarbe, wählst "$orange orange" und klickst auf Aktualisieren.
Beim Klick auf "Aktualisieren" wird intern eine neue Bootstrap-CSS-Datei für die Vorschau erzeugt, deshalb sind die Links in der Vorschau jetzt orange.
Das Theme entspricht jetzt deinen Vorstellungen und du klickst im Tab Allgemeines auf den roten Button "Fertig - Theme ins Template übernehmen".
Jetzt wird die vorher erzeugte Datei bootstrap.min.css in das Template kopiert, die dort vorhandene Datei in .bak umbenannt.
Hinweis: Cache und Kompriemierung sollten bei Templateanpassungen immer aus sein!
Hoffe, ich hab's einigermaßen verständlich erklärt.
Gruß Karl