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

[fishnet]

#edit Blödsinn zusammengeschrieben, ich sollte es heute echt sein lassen

[sb_cbo-do]

Hallo,

die Anzeige der Preise auf der Startseite, werden immer noch auf einem iPhone nicht richtig angezeigt.

Wenn man in der bs4.css in Zeile 136 unter lb_price die höhe von 50 auf 55 ändert, dann wird zumindest der Preis auf einem iPhone richtig angezeigt.
Bei uns wird dann der Text mit der MwSt oder den Versandkosten, dann nicht angezeigt.

/templates/bootstrap4_shop/css/bs4.css

Code: CSS  [Auswählen]

.lb_price {
    min-height: 55px;

Das hilft zumindest damit der Preis richtig angezeigt wird.

Gruß,

Sven

[sb_cbo-do]

Hallo,

ich habe jetzt zumindest feststellen können, dass die Preise auf einem iPhone richtig angezeigt werden die Artikel im Slider angezeigt werden (Danke Timm für den Hinweis).
Wenn ich die Artikel nicht im Slider anzeige, dann wird der Preis nicht richtig angezeigt und der Text mit der MwSt wird dann zumindest bei uns gar nicht angezeigt.

Ich hoffe das hilft um das Problem besser zu lokalisieren.

Gruß,

Sven

[Karl1]

Hallo Sven,
ich bin mit Timm schon dran an der Sache.
Er schrieb mir, dass das Problem vermutlich an "d-flex flex-column" liegt.
Ich muss nochmal die alten Versionen durchsuchen, warum ich diese Klassen eingebaut habe.

Gruß Karl

[sb_cbo-do]

Hallo Karl,

danke für dein Hilfe, nur keine Hektik, alles schön in ruhe machen.
Weil im Slider die Preise richtig angezeigt werden, ist die Dringlichkeit ja nicht mehr so hoch.

Ich wünsche allen ein schönes Wochenende.

Gruß,

Sven

[Timm]

Ich möchte mal was loswerden.

Ich nutze dieses Template nicht. Das liegt bei mir einfach daran, dass ich bei Bootstrap gar nicht durchsehe und auch keine Zeit habe mich da einzulesen und es einfacher bei Änderungen und Shopupdates ist, wenn ich eine vorgefertigte Lösung vom modified Team bekomme.

Karl treibt hier großen Aufwand das Template für alle Geräte anzupassen und weiterzuentwickeln. Das ganze auch noch kostenlos.

Mich hat die Testerei des letzten Problems mit dem nicht anzeigen des Steuer- und Versandhinweises mehrere Stunden gekostet und Karl vermutlich noch mehr Zeit, um das umzuprogrammieren. Das sind 3 Browser auf Mac und iPhone und etliche Boxen, Listings, Crosselling, also purchased, Top Artikel, Box und Listenansicht usw zu testen. Dazu kommt, dass eine vermutliche Lösung plötzlich nicht mehr im anderen Browser funktioniert in dem es vorher noch ging. Ich denke nicht, dass ich der einzige bin, der einen Mac oder iPhone nutzt.

Deshalb: Bitte beteiligt Euch mehr bei der Testarbeit. Das sind eure Kunden, die verloren gehen, wenn etwas nicht optimal angezeigt wird. Mal abgesehen von den ganzen Abmahnanwälten.

Gruß Timm

[Scubi]

Ich habe leider keine Apple Geräte, sonst würde ich da mehr zum Testen einsteigen.

[Scubi]

Moin,

eines meiner Seo Tools gibt immer aus, das es eine leere Überschrift H4 gibt. Jetzt habe ich mich auf die Suche gemacht und folgendes gefunden:

Datei: module/reminder.html

Code: PHP  [Auswählen]

<h4 class="modal-title text-center">&nbsp;</h4>

Hat jemand eine Ahnug, was da ausgegeben werden sollte?

Gruß Scubi

[web-looks]

Hallo Karl,

ich bin auf einen Fehler gestoßen...

Wenn man Easyzoom in der Konfig deaktiviert, führt das auf der Produktseite zu einem Fehler.
In der Konsole steht dann:

Code: Javascript  [Auswählen]

TypeError: $(...).easyZoom is not a function

Dadurch funktioniert dann auch das Bilder Modal nicht mehr.
Ursache ist dieser Code, welcher sich auf easyzoom bezieht, was aber nicht eingebunden wird.

/templates/bootstrap4/javascript/bs4.js

Code: Javascript  [Auswählen]

/* EasyZoom */
var $easyzoom = $('.easyzoom').easyZoom();
var api1 = $easyzoom.filter('.easyzoom--with-thumbnails').data('easyZoom');
$('.easy-thumbnails').on('click', 'a', function(e) {
        var $this = $(this);
        e.preventDefault();
        api1.swap($this.data('standard'), $this.attr('href'), [$this.attr('data-image-id'), $this.attr('data-image')]);
});

[sb_cbo-do]

Hallo,

ich habe leider auch keine Apple Geräte und muss extern jemanden fragen, ob die Ansicht dann passt.
Deshalb ist es mit dem testen recht schwer. Es ist aber auch kurios, egal ob Android Smartphone oder Windows PC mit verschiedenen Web Browser, es funktioniert und anscheinend nur auf Apple Geräten ist die Ansicht etwas anders.

Gruß,

Sven

[Timm]

Das Problem wurde ja nun behoben u Karl wird sicherlich die Tage eine neue Version hier einstellen.

Aber zukünftig sollten alle die dieses Template nutzen wenn sie ein Apple Gerät in die Hände bekommen ihre Seite komplett durchtesten. Der Anteil an Nutzern mit iPhones und iPads wird ja nicht so gering sein.

Gruß Timm

[Duncan]

Ich stifte mal ein paar Zahlen zu den prozentualen Anteilen der verschiedenen Browser aus Okt. 19:

• MSIE = 1,1%
• EDGE = 0,8%
• FIREFOX = 12,1%
• OPERA = 1,6%
• SAFARI = 10,9
• CHROME = 72,3
• Sonstige = ~1%

Safari wird also von mehr als 10% der Interessenten/Kunden genutzt.
Auf dieses Potential wird wohl keiner verzichten wollen.

Wenn man sich dann noch die Zahlen vom Chrome etwas genauer anschaut, stellt man dort intern weitere Schwerpunkte fest:

• Chrome 40.0.2214.89 ~ 16%
• Chrome 53.0.2785.49 ~ 16%
• Chrome 77.x.x.x         ~ 26%

Dann weiß man so ungefähr, mit welchen (alten) Browsern man seine Seitenlayouts unbedingt testen sollte....

[Timm]

Dazu kommt noch, dass viele Apple Nutzer auch Chrome nutzen. Man weiß also nicht genau, wieviel von den 72,3% auf Applegeräte fallen.

Gruß Timm

[Karl1]

Hallo Zusammen,
anbei ein neues Paket mit diesen Änderungen:

• Ansichtenfehler beim Produktlisting auf Mac und iOS behoben
• Aufruf easyzoom aus bs4.js in general_bottom.js.php verlegt, jetzt ist der Aufruf abhängig von der Aktivierung im Template Manager
• Modul "AGI: Anzahl im Warenkorb reduzieren" in Template Manager aufgenommen
• einige kleiner Änderungen

Herzlichen Dank nochmal an Timm, der fast täglich Anpassungen von mir getestet hat!

@ Duncan:
Mir sind die Zahlen die du nennst duchaus bewusst, deshalb bin ich froh, dass Timm das Template auf iOS testet.
Falls dein Beitrag auf meine Äußerung zum Safari in Beitrag #384 anspielt, dann schreibe ich dort vom Safari 5.1.7 für Windows, den sich Sven installiert hat.

Gruß Karl

[EDIT Tomcraft 29.10.2019: Template in Beitrag 1 aktualisiert.]

[Karl1]

Hallo Zusammen,
sorry, aber habe einen Fehler in der general_bottom.js.php und in der index.html.

Gruß Karl

[EDIT Tomcraft 29.10.2019: Template in Beitrag 1 aktualisiert.]