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

[Karl1]

Hallo Peter,
ändere in templates/bootstrap4/css/bs4.css die Zeilen 552-554 in

Code: CSS  [Auswählen]

#cart_quantity .input-group {
    width: 180px;
}
#cart_quantity .input-group .btn {
    width: 40px;
}

Gruß Karl

[peter111]

Danke Karl,
ich habe mich nicht getraut in der bs4.css etwas zu ändern und statt dessen in der stylesheet.css gewerkelt - was aber etwas umständlich ist und ich habe einen Riesenrespekt vor den Auswirkungen auf Smartphones und Tablets.
Gruß Peter

[Dampfliquids]

Vielen Dank Karl, für den unermüdlichen, guten und schnellen Service!

Zu 1.:
Oh Mann, Danke, diese Lösung war zu einfach! Muss mich wohl erst noch an den Luxus von Zusatzfunktionen deines Templates gewöhnen.

Zu 2.:
Ich verwende eher kleine und einheitliche Cat-Images, aber selbst wenn ich keine Bilder verwende (also das noimage.gif verwendet wird), ist der Abstand zwischen Bild und Titel zu groß.
Ich habe mit etwas Glück (try & error) aber gerade eben eine Lösung gefunden, und zwar:

templates/bootstrap4/module/sub_categories_listing.html

Code: XML  [Auswählen]

<a class="subcat card h-100" href="{$categories_data.CATEGORIES_LINK}">
{if $categories_data.CATEGORIES_IMAGE}
<div class="card-body h-100 pb-0">

Da habe ich  "card-body h-200" draus gemacht, und nun sieht stimmen die Abstände.

Alte Darstellung mit zu viel Abstand:  (Dateianhang Link)

1000 Dank noch mal!
Jossi

Dieses Problem habe Ich auch und deine Lösung funktioniert bei mir leider nicht. Gibt es vielleicht eine andere Lösung ?

[Karl1]

Hallo Dampfliquids,
leider kann ich das Problem nicht nachvollziehen.
Ein Link und die Angabe mit welchem Browser du arbeitest würde weiterhelfen .

Gruß Karl

[Jossi]

Ich versuche vergeblich ein Background Image (bg.gif) auf die gesamte Seite zu legen.

Beim Bootstrap3 hattest du mal einem Benutzer zu dieser Frage geantwortet:

Hallo bitlover,
ein Hintergrundbild kannst du bei jedem Template per CSS einfügen.

Leg das Bild in den Ordner templates/bootstrap3/img/ und templates/bootstrap3/css/img/ (wichtig bei eingeschalteter Komprimierung).
Anschließend schreibst du deine Styles in die templates/bootstrap3/stylesheet.css.

Leider funktioniert das nicht. Ich habe in der stylesheet.css folgende Codes ausprobiert:

Code: CSS  [Auswählen]

body {background: url("img/bg.gif") repeat scroll 0% 0% #fff;
}

#container {
    background: url("img/bg.gif") repeat scroll 0% 0% #fff;
}

#main_container1 {
        background: url("img/bg.gif") repeat scroll 0% 0% #fff;
}

Ich habe auch im Backend bei "Bootstrap 4 Theme-Einstellungen" die Body-Hintergrundfarbe transparent gemacht, aber der Hintergrund bleibt weiss.

Wo liegt mein Fehler??

[Karl1]

Hallo Jossi,
bei mir funktioniert die CSS-Anweisung "body { ... }".

Ich denke, du verstehst die Bootstrap 4 Theme-Einstellungen falsch.
Dort kann man probieren und gemachte Änderungen in der Vorschau ansehen.
Änderungen werden erst bei Klick auf den roten Button ins Shop-Template übernommen.

Ein Beispiel:
Wähle im Tab "Allgemeines" im Punkt "BS4 Theme" die Option "eigenes Theme 1" und klicke auf "Aktualisieren".
Wähle im Tab "eigenes Theme 1" im Punkt "Body-Hintergrundfarbe" die Option "$pink rosa" und klicke auf "Aktualisieren".
Jetzt sollte der Hintergrund der Vorschau rosa sein, dein Shop bleibt unverändert.

Gruß Karl

[Jossi]

Hi Karl, ist mir schon klar (dass man "Fertig - Theme ins Template übernehmen" klicken muss).

Witziger Weise hatte ich auch genau das (mit der Farbe Rosa) ausprobiert, aber der Hintergrund bleibt Weiß.
Nee, sorry, habe eben bemerkt, das liegt an dem "body..." code in der stylesheet.css. Wenn ich den wieder lösche, erscheint der Hintergrund gemäß der Einstellung im Template (Backend).
Aber das Background-Image wird einfach nicht angezeigt. Irgendeine Idee?

Meine Seite: www.onlineshopasia.com

[hpzeller]

Hallo Jossi,

hier -> /templates/bootstrap4/css/img/ liegt kein "bg.gif", nur hier -> /templates/bootstrap4/img/ liegt eines, aber das funktioniert nur wenn die Kompression ausgeschaltet ist.

Gruss
Hanspeter

[Jossi]

Danke Hanspeter!

Natürlich hatte ich ein bg.gif auch in diesen Ordner kopiert (ich hatte ja selbst den Ausschnitt, in dem Karl das klar und deutlich sagt, hier als Zitat mit rein kopiert).

ABER der Ordner heißt bei mir "images" und nicht "img". (Das war mir nicht aufgefallen, und somit rannte mein Background-Image-Code ins Leere.)

Ich hatte die aktuellste Version von Karl runter geladen:
"bootstrap4_mit_ajax_menue-modified_2.0.5.x-20191219"

Ich gehe davon aus, dass Karl die Ordner schon bewusst unterschiedlich benannt hat:
/templates/bootstrap4/css/img
/templates/bootstrap4/css/images

...und habe daher nur meinen Code angepasst. Oder sollten beide Ordner besser gleich "img" heißen?

[Rocket3]

Hallo und einen guten Rutsch ins Neue Jahr.

Wie bekomme ich die Abstände zwischen den Wörtern "Bild1von2" (siehe Bild)
In der Datei "lang/german/extra/colorbox.php ist alles mit Abstand geschrieben, habe es mit einem Leerzeichen mehr und mit &nbsp; versucht, alles ohne Erfolg.

modified eCommerce Shopssoftware v2.0.5.0 rev 12487template: bootstrap 4 vom Karl (aktuellste Version)

[noRiddle (revilonetz)]

Das liegt wahrscheinlich an der Komprimierung der *.js und *.js.php -Dateien in /templates/DEIN_TEMPLATE/javascript/extra/.
Mit &nbsp; anstelle eines Leerzeichens sollte es aber funktionieren, siehe diesen Post in einem anderen Thread.

Wenn es bei dir mit &nbsp; nicht funktioniert hat tippe ich auf Cache, also nach dem Ändern Browser-Cache und evtl. auch Template-Cache leeren.

Und, jau, ebenfalls "guten Rutsch" ins neue Jahr.

Gruß,
noRiddle

[Rocket3]

Danke noRiddle,
javascript Komprimierung abgeschalltet und es sieht auch ohne &nbsp; gut aus.

[Karl1]

Hallo Zusammen,
alternativ könnte man auch in templates/bootstrap4/javascript/extra/default.js.php die Zeile 36 ändern in

Code: Javascript  [Auswählen]

        var curtext = "<?php echo str_replace(' ', '&nbsp;', TEXT_COLORBOX_CURRENT); ?>";

dann kann auch die Komprimierung laufen.

Guten Rutsch und Gruß
Karl

[hpzeller]

Hallo Karl,

habe gerade festgestellt, dass wenn im Admin unter Erw. Konfiguration -> Komprimierung -> JavaScript Komprimierung auf [Ja] steht, bei Verwendung der modified eCommerce Shopsoftware 2.0.5.0 rev 12487, das Feature, siehe Bild, leider nicht mehr funktioniert. Dadurch kann der Kunde bei einem unvollständigen Registrierungsversuch gar nicht sehen welche Angaben noch fehlen.

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

Gruss
Hanspeter

[Rocket3]

Hallo Karl,
danke für den Tip.
Habe noch ein Problem wo ich nicht weiterkomme.
Wenn der Name der Unterkategorie zu lang ist (Siehe Bild) fällt der Name aus dem Rahmen heraus.
Das passiert allerdings nur bei "Weitere Unterkategorien", im "Top Artikel" oder "Neue Artikel" ist es O.K.