TEMPLATE: Bootstrap3 für Shop 2.0 - freies responsive Template

[Karl1]

Hallo Hanspeter,
erstmal danke für deine Mithilfe.

Du hast vollkommen Recht, ich hatte mir die Anzeige der Level zu Testzwecken eingebaut und vergessen sie wieder zu entfernen.

Der von dir angegebene Code ist absolut richtig.

Gruß Karl

[iconia]

Hallo Karl, ich habe die Anleitung gelesen. Bei mir gibt es gar kein unterverzeichnis /css/bootstrap/less ...
Möchte ja auch nur Farben ändern, was ja normaler Weise im Stylesheet geht. Da sind die aber nicht hinterlegt. Was nun? Bin ja kein Programmierer ...   Eine Farbnummer suchen und ersetzen hat bisher bei den alten Template kein Problem bereitet ...

[Karl1]

Hallo iconia,
wenn du Punkt 3. und 4. der Anleitung aufmerksam liest, dann weißt du woher der Ordner /less kommt.

Die Anleitung soll eine Hilfe sein und zeigen wie "ich" Änderungen mache.

Du kannst natürlich auch die CSS-Datei deines eingestellten Themes direkt bearbeiten, die Dateien findest du im Ordner templates/bootstrap3/css/bootstrap/.

Gruß Karl

[iconia]

Super. Jetzt geht es ... Danke Karl.

[Raffi]

Hallo Karl

habe wieder was gefunden: auf dem Handy ist der Hintergrund beim Menü weiss und die Schrift auch.
Sollte es nicht gleich aussehen wie wenn ich die Seitenleiste einblende?

[ Für Gäste sind keine Dateianhänge sichtbar ]   [ Für Gäste sind keine Dateianhänge sichtbar ]

Gruss Raffi

[iconia]

Bei mir läuft es wie es soll ...

[Raffi]

Hallo iconia

Du verwendest wahrscheinlich ein anderes Template als ich. Beim Slate-Template ist die Schriftfarbe weiss.
Wo kann ich die Hintergrundfarbe bei der Kategorie anpassen? Nur für das responsiv, auf dem Computer ist der Hintergrund ja auch grau

[ Für Gäste sind keine Dateianhänge sichtbar ]

Gruss Raffi

[iconia]

Ich denke wie mir Karl das erklärt hat hier:
Du kannst natürlich auch die CSS-Datei deines eingestellten Themes direkt bearbeiten, die Dateien findest du im Ordner templates/bootstrap3/css/bootstrap/slate.min.css

[hpzeller]

Hallo Raffi,

füge in 'bootstrap3\css\bootstrap\slate.min.css' unmittelbar nach

Code: CSS  [Auswählen]

*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

folgende Regel ein

Code: CSS  [Auswählen]

nav.responsive-nav{background-color:#3e444c}

[ Für Gäste sind keine Dateianhänge sichtbar ]

Gruss
Hanspeter

[Raffi]

Hallo Hanspeter und iconia

Vielen Dank, jetzt kann man es auch mobile lesen

wünsche Euch allen einen schönen Sonntag

Gruss Raffi

[hpzeller]

Hallo Freunde des Bootstrap3 Template von Karl

Um die Themen des Bootstrap3 Template zu bearbeiten hat Karl ja eine Anleitung geschrieben, diese setzt voraus, dass man lokal auf seinem Rechner ein Webserversystem und das Programm WinLess installiert hat, ausserdem ist eine mehr oder weniger aufwändige Konfiguration notwendig. Will jemand seinen Shop ganz individuell gestalten, lohnt sich dieser Aufwand sicherlich, möchte jemand aber nur z.B. ein zwei Farben ändern, so kann er die CSS-Datei, wie Karl hier -> Antwort #407 gepostet hat, auch direkt bearbeiten.

Ich möchte euch hier noch eine weitere Möglichkeit zeigen wie man ein eigenes Theme, abgeleitet von einem bereits vorhandenen, mit Hilfe dieses Onlinetools -> https://www.bootstrap-live-customizer.com/ erstellen kann.

Kurze Anleitung:

Diese Seite aufrufen https://www.bootstrap-live-customizer.com/ und oben die Version 3.3.7 wählen, dann rechts oben auf "Select predefined theme" klicken und im Popup gewünschtes Theme laden, siehe Bild.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Theme in rechten Spalte bearbeiten, siehe Bild, die Änderungen werden sofort übernommen und auf der Seite dargestellt.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Ist man mit sienen Änderungen zufrieden, kann man alle Dateien (.css und .less) herunterladen, siehe Bild.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Die Datei 'bootstrap.min.css' kann man unter 'templates/bootstrap3/css/bootstrap/mein_theme.min.css' in seinem Shop abspeichern.

Nun öffnet man die Datei 'templates/bootstrap3/config/config.php' und definiert in Zeile 32 das Theme

Code: PHP  [Auswählen]

define('BOOTSTRAP_THEME', 'mein_theme');

und fügt in Zeile 170 nach

Code: PHP  [Auswählen]

        case 'superhero':

noch diese Zeile ein

Code: PHP  [Auswählen]

        case 'mein_theme':

PS:
Will man sein Theme nachträglich nochmals mit diesem Tool -> https://www.bootstrap-live-customizer.com/ bearbeiten, so bracht man die zugehörige 'variables.less' Datei welche man ja zusammen mit der 'bootstrap.min.css' Datei herunter geladen hat. Das folgende Bild zeigt wie man dabei vorgehen muss.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Gruss
Hanspeter

[Raffi]

Hallo Hanspeter

coole Sache das kriege sogar ich hin 

Dumme Frage: wenn alle  xxx.min.css (Templates) auf dem Server 'templates/bootstrap3/css/bootstrap/ sind und ich das Template wechseln will, müsste ich eigentlich jedes mal nur die config.php anpassen und neu hochladen, richtig?
Gibt es für solche Sachen keine Erweiterungen / Module damit man das im Admin hat?
Oder wie bei Bootswatch, wo ich auf der Webseite das Template auswählen kann und eine Livevorschau habe.
Ich bin halt ein fauler Sack  

Gruss Raffi

[hpzeller]

Nein ein Template-Verwaltungsmodul im Admin gibt es leider nicht, wurde in diesem Thread -> hier auch schon nachgefragt bzw. gewünscht.

Gruss
Hanspeter

[slyta]

Guten Tag zusammen,

danke für das tolle Template, leider bin ich noch ein Anfänger, jedoch sitze ich hier seit 10h und kriege es nicht hin.

Ich benötige nur das Standart Template, habe jedoch ein kleines Problem und zwar die Button Farbe ist in Magenta und das passt überhaupt nicht zum blauen Theme, wo bitte kann ich das ändern?

Habe bereits in der variables.less die @brand-info Farbcodes geändert, jedoch bleibt es nach allen Cache Leerungen immer in diesem Magenta Ton.

Ich hoffe ihr könnt mir helfen, danke ! [ Für Gäste sind keine Dateianhänge sichtbar ]

[alex3536]

@HansPeter

Bin zwar eher nur stiller Mitleser, da ich nicht wirklich viel beizutragen haben. Dennoch vielen Dank für den Link! Und natürlich vielen Dank an Karl!