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

[Duncan]

@Karl
Meine Zahlen waren nur als Ergänzung zu Timms Beitrag #400 gedacht.

Aber durch Deine Anmerkung neugierig geworden, habe ich noch die Logs auf Safari < 6.0 durchsucht.
Das sind (bei uns) alle zusammen weniger als 1% aller Safari Zugriffe.
Bei einem Browser, der schon seit mindestens 2012 als veraltet gilt,
fragt man sich dann doch, ob man für solche (Steinzeit-)Exoten Entwicklungsarbeit investiert.

[hpzeller]

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

Dieser Code

Code: XML  [Auswählen]

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

kommt in folgenden Dateien vor

templates\bootstrap4\index.html
templates\bootstrap4\module\cheaply_see.html
templates\bootstrap4\module\product_inquiry.html
templates\bootstrap4\module\reminder.html

und  wird durch JavaScript im DOM jeweils durch folgenden Code ersetzt, welcher dann im Header der Modals angezeigt werden.

Code: XML  [Auswählen]

<h4 class="modal-title text-center">Information</h4>

Wenn es dich stört, dass ein leerer h4-Tag Im HTML-Quellcode steht, kannst du ihn auch durch folgenden Code ersetzen.

Code: XML  [Auswählen]

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

Gruss
Hanspeter

[Scubi]

Hallo Hanspeter,
danke für deine Hilfe.

@Karl
Ich habe jetzt mal das neue Template installiert. Sieht zumindest auf Samsung Handys alles gut aus.

Danke Karl

[mannoo]

Hallo,

seit geraumer Zeit erhalte ich in der Google Search Konsole Fehlermeldungen bei den Produkten

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

Im Seitenquelltext wird alles Korrekt ausgegeben, allerdings scheint Google das anders zu sehen.

Kann mir jemand einen Tipp geben wie ich den Fehler beheben kann.

Nachtrag:

Der Beitrag kann Ignoriert oder gelöscht werden!

Ich habe selbst den Fehler verursacht.

[Carola]

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

Hallo Karl1...
Wirklich nicht schlecht was du da auf die Beine gestellt hast.
Ich selbst stehe auf Bootstrap und sehe nun dieses Modul hier...Hut ab.

Googles PageSpeed gibt auf dem Mobilen Teil auf Anhieb 96% und auf Dektop 100%
Und das mit etlichen Sliders und TOP Artikeln auf der Startseite!!
Das hatte ich nicht erwartet.

Ich habe dann noch ein bischen am Easyzoom rumgeschraubt und 98 favicons von den 100 rausgeschmissen und siehe da...99% bei PageSpeed.

Wie viele Daumen HOCH darf man hier drücken? Von mir auf alle fälle eine menge!
 

Gruß
Carola

[Timm]

Ihr solltet davon absehen Paypal Plus auf Version 1.30 upzudaten. Dadurch funktioniert das Ajax Menü nicht mehr mit eingeschalteter Gzip Komprimierung.

Hab dafür Ticket 1709 angelegt.

Gruß Timm

[noRiddle (revilonetz)]

Habe ich was verpasst ?
Ich sehe diese Nachricht wenn ich das Ticket aufrufen möchte:
Zum Ausführen dieser Operation auf Ticket #1709 wird die Berechtigung TICKET_VIEW benötigt. Sie besitzen nicht die nötigen Berechtigungen.

Gruß,
noRiddle

[Scubi]

Ist bei mir auch so.
Auch wenn man angemeldet ist, kommt die Meldung.

[Timm]

@noRiddle
Tomcraft hat das Ticket wieder gelöscht, weil es im Demoshop funktioniert und "nur" die Paypal Module für Shopversion bis 2.0.4.2 nochmal geändert werden müssen. Liegt wohl daran, dass GZIP noch nie funktioniert hat und Ajax upgedated wurde im Devshop. Und dem Paypal Modul schon die neue Ajax.php beiliegt. Jedenfalls kann man den Teil der GZIP Komprimierung in der Ajax.php die dem Paypal Plus Modul beiliegt auskommentieren, oder die GZIP Komprimierung komplett ausschalten bis zur 2.0.5.0. Dann funktioniert auch das Ajax Menü von Karl.

Siehe MODUL: PayPal PLUS & PayPal Checkout Zahlungsmodule für modified eCommerce Shopsoftware


Gruß Timm

[Karl1]

Hallo Timm,
danke für deine Rückmeldung, ich hatte mir schon alle anderen im Shop befindlichen Ajax-Aufrufe angesehen, ich konnte keinen gravierenden Unterschied feststellen.

Gruß Karl

[thopoh]

Hallo,
kurze Frage, welchen Editor soll ich verwenden um die CSS Dateien von dem Bootstrap4 zu bearbeiten?
Allen voran die Datei "stylesheet.min.css"! Da ist ja nix formartiert drin, alles bascht hintereinander.
Oder hab ich hier etwas überlesen?

OK das war es schon, Danke.

Mfg thopoh

[Karl1]

Hallo topoh,
im Bootstrap-Framework wird das meiste über die Vergabe von CSS-Klassen gemacht, das kannst du in der Dokumentation nachlesen.
Viele Änderungen kannst du auch im Template Manager dieses Templates machen.

Solltest du was ändern wollen, dann solltest du die Anweisung in die stylesheet.css schreiben (das erleichtert dir Updates).

Auf keinen Fall die stylesheet.min.css bearbeiten, diese Datei wird dynamisch aus verschiedenen CSS-Dateien erzeugt.
Schalte am besten erstmal die Komprimierung aus, dann siehst du die CSS-Dateien.
Sobald sich eine dieser Datei verändert, wird die stylesheet.min.css neu geschrieben und deine Änderungen sind weg.

Gruß Karl

[Gulliver72]

hallo zusammen,

ich habe festgestellt, dass die logoff.php nicht auf fullcontent reagiert. Sieht komisch aus, wenn alle Boxen deaktiviert werden und nur das Superfish-Menü genutzt wird.

In der shoproot/templates/bootstrap4/source/boxes.php habe ich das Array $fullcontent ergänzt.

Code: PHP  [Auswählen]

// define full content sites
$fullcontent = array(FILENAME_CHECKOUT_SHIPPING,
                     FILENAME_CHECKOUT_PAYMENT,
                     FILENAME_CHECKOUT_CONFIRMATION,
                     FILENAME_CHECKOUT_SUCCESS,
                     FILENAME_CHECKOUT_SHIPPING_ADDRESS,
                     FILENAME_CHECKOUT_PAYMENT_ADDRESS,
                     FILENAME_ACCOUNT,
                     FILENAME_ACCOUNT_EDIT,
                     FILENAME_ACCOUNT_HISTORY,
                     FILENAME_ACCOUNT_HISTORY_INFO,
                     FILENAME_ACCOUNT_PASSWORD,
                     FILENAME_ACCOUNT_DELETE,
                     FILENAME_ACCOUNT_CHECKOUT_EXPRESS,
                     FILENAME_CREATE_ACCOUNT,
                     FILENAME_CREATE_GUEST_ACCOUNT,
                     FILENAME_ADDRESS_BOOK,
                     FILENAME_ADDRESS_BOOK_PROCESS,
                     FILENAME_PASSWORD_DOUBLE_OPT,
                     FILENAME_ADVANCED_SEARCH_RESULT,
                     FILENAME_ADVANCED_SEARCH,
                     FILENAME_SHOPPING_CART,
                     FILENAME_GV_SEND,
                     FILENAME_NEWSLETTER,
                     FILENAME_LOGIN,
                     FILENAME_CONTENT,
                     FILENAME_REVIEWS,
                     FILENAME_WISHLIST,
                     FILENAME_CHECKOUT_PAYMENT_IFRAME,
                     FILENAME_CHEAPLY_SEE,
                     FILENAME_PRODUCT_INQUIRY,
                     FILENAME_CUSTOMERS_REMIND,
                     );

    if (defined('BS4_NOT_STARTPAGE_BOX_CATEGORIES') && BS4_STARTPAGE_BOX_CATEGORIES == 'false' &&
        defined('BS4_NOT_STARTPAGE_BOX_ADD_QUICKIE') && BS4_STARTPAGE_BOX_ADD_QUICKIE == 'false' &&
        defined('BS4_NOT_STARTPAGE_BOX_LOGIN') && BS4_STARTPAGE_BOX_LOGIN == 'false' &&
        defined('BS4_NOT_STARTPAGE_BOX_WHATSNEW') && BS4_STARTPAGE_BOX_WHATSNEW == 'false' &&
        defined('BS4_NOT_STARTPAGE_BOX_SPECIALS') && BS4_STARTPAGE_BOX_SPECIALS == 'false' &&
        defined('BS4_NOT_STARTPAGE_BOX_LAST_VIEWED') && BS4_STARTPAGE_BOX_LAST_VIEWED == 'false' &&
        defined('BS4_NOT_STARTPAGE_BOX_REVIEWS') && BS4_STARTPAGE_BOX_REVIEWS == 'false' &&
        defined('BS4_NOT_STARTPAGE_BOX_MANUFACTURERS') && BS4_STARTPAGE_BOX_MANUFACTURERS == 'false' &&
        defined('BS4_NOT_STARTPAGE_BOX_MANUFACTURERS_INFO') && BS4_STARTPAGE_BOX_MANUFACTURERS_INFO == 'false' &&
        defined('BS4_NOT_STARTPAGE_BOX_CURRENCIES') && BS4_STARTPAGE_BOX_CURRENCIES == 'false' &&
        defined('BS4_NOT_STARTPAGE_BOX_INFOBOX') && BS4_STARTPAGE_BOX_INFOBOX == 'false') {
   
        $fullcontent[] = FILENAME_LOGOFF;
    }
 

VG Bert

[Karl1]

Hallo Bert,
auf die Idee alle Boxen auszuschalten bin ich nicht gekommen.
In diesem Fall ist dann die Seitenleiste in der mobilen Ansicht leer.
Zudem habe ich die Boxen Bestellübersicht und Trusted Shops vergessen.

Ich bringe demnächst ein Update, da wird es die Möglichkeit geben alle Boxen der linken Spalte zu deaktivieren.
Damit müssen dann auch die zugehörigen Programmdateien in der templates/bootstrap4/source/boxes.php nicht mehr aufgerufen werden.

Gruß Karl

[Scubi]

Hallo Karl,

würdest Du dich vor dem Update auch nochmal um die Barrierefreiheit kümmern?
Ich bin natürlich nicht sicher, ob die Ausgaben von Google dem Standard entsprechen.

Google Lighthouse spuckt dazu folgendes aus:

Schaltflächen haben keinen zugänglichen Namen
Wenn eine Schaltfläche keinen barrierefreien Namen hat, wird sie von Bildschirmleseprogrammen als "Schaltfläche" angekündigt, sodass sie für Benutzer, die auf Bildschirmleseprogramme angewiesen sind, nicht mehr verwendet werden kann. Erfahren Sie mehr .
Fehlerhafte Elemente
Taste
<button type = "button" class = "kann-links navbar-marke menü-btn menü-btn - links float-links btn btn-link"> <span class = "fa fa-bars" aria-hidden = "true "> </ span> <span class =" d-none d-sm-inline-block "> Seitenleiste </ span> </ button>

Einige Elemente haben einen [tabindex]Wert größer als 0
Ein Wert größer als 0 impliziert eine explizite Navigationsreihenfolge. Dies ist zwar technisch gültig, schafft jedoch häufig frustrierende Erfahrungen für Benutzer, die auf unterstützende Technologien angewiesen sind. Erfahren Sie mehr .
Fehlerhafte Elemente
ein
<a id = "search-dd" href = "#" class = "nav-link text-secondary" title = "Suche" data-toggle = "dropdown" role = "button" aria-haspopup = "true" aria- expand = "false" tabindex = "1"> <span class = "fa-fa-suche fa-lg fa-fw" aria-hidden = "true"> </ span> </a>

Gruß Alois