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

[Scubi]

Hallo Karl,

ich habe es auf einer Testseite eingebaut. Somit kann ich leider noch keine Geschwindigkeitstests machen.
Wenn ich wüßte, wie ich in der mobilen Ansicht das linke Menü entfernen kann, dann würde ich es auch life nutzen wollen. Das Superfish Menü ist aus.

Optisch stimme ich zu, das man das + und - filigraner machen könnte. Ist aber vermutlich eine CSS Einstellung?

Gruß Alois

[sb_cbo-do]

Hallo,

erst einmal danke an Karl für die Arbeit und das Template.

Ich habe die überarbeitete Version jetzt getestet und unseren Shop auf das überarbeitete Template umgestellt.
Der Shop läuft jetzt noch schneller und ich konnte jetzt auch das Superfish-Menü aktivieren ohne das der Shop deutlich langsamer wird. Zuvor lief unser Shop bei eingeschalteten Superfish-Menü zu langsam.
Weil wir aber zu viele Kategorien haben und es dann etwas unübersichtlicher ist, habe ich dieses Menü aber erst einmal deaktiviert.

Vor allem ist auf unseren Server jetzt die Serverantwortzeit (Time To First Byte) besser geworden.

Ich habe aber dennoch wieder das linke Menü (Top-Kategorien) für die Responsive  Ansicht deaktiviert, weil ich es dann übersichtlicher finde.

@Scubi
Ich habe bei uns das linke Menü für die Mobile Ansicht deaktiviert.
Dafür habe ich das Menü in der responsiven Ansicht auskommentiert, es soll wohl auch irgendwo in den Einstellung deaktiviert werden können, aber ich finde die Einstellung dafür einfach nicht.

templates\bootstrap4\module\includes\mainmenu.html
Hier muss die Zeile 3 auskommentiert werden.

Code: PHP  [Auswählen]

<button type="button" class="navbar-brand menu-btn menu-btn--left float-left btn btn-link"><span><span class="fa fa-bars" aria-hidden="true"></span>&nbsp;&nbsp;{#BS4_heading_responsivemenu#}</span></button>

ersten durch

Code: PHP  [Auswählen]

{*<button type="button" class="navbar-brand menu-btn menu-btn--left float-left btn btn-link"><span><span class="fa fa-bars" aria-hidden="true"></span>&nbsp;&nbsp;{#BS4_heading_responsivemenu#}</span></button>*}

Dann wird in der Mobilenansicht nur noch das rechte Menü angezeigt. Ich hoffe es ist das was du meinst.

Gruß,

Sven

[Scubi]

Hallo Sven,

genau das habe ich gesucht. Vielen Dank. Das hat gut geklappt.
Wenn ich fertig umgebaut habe, vermute ich, das mir auch nicht mehr die doppelte Verlinkung moniert wird.

Gruß Alois

[Scubi]

Hat jemand von Euch schon das neue Template mit Top Artikel Slider und Bestseller Slider ausprobiert?
Bei mir sind die Top Artikel im Mobil Modus (Fenster klein gezogen) dann ganz schmal und lang.

Die Bestseller zeigen keine Bilder. Weder im Mobilen Modus noch in der Desktop Größe.

Kann aber auch nur bei mir so sein.

Gruß Scubi

[Andre Kern]

Huhu,

aktualisiere mal die Seite nachdem du die Fenstergröße verändert hast.

LG

[Scubi]

Hallo APK,

habe ich gemacht. Dann werden die Top Produkte wieder normal groß. Bei den Bestsellern kommen keine Bilder.
Ist in meinem Fall nicht so schlimm, nutze Sie nicht. Habe es nur beim Testen festgestellt. Evtl. haben andere ja auch das Problem oder testen einfach mal.

[Scubi]

Nabend,

mein Logo ist mit der Startseite verlinkt. Leider mit / am Ende. Dadurch entstehen tausende Weiterleitungen auf die Domain ohne /.
Kann mir jemand sagen, wo ich diesen Slash wegbekomme? Bei dem Home Button das gleiche Problem.

Ich habe in temlate/module/include/logobar.html den / entfernt. Hat aber noch nicht geholfen.

<a class="col-12 col-md-4" href="{$index}" title="{#link_index#} &bull; {$store_name}"><img src="{$tpl_path}{$smarty.const.BS4_SHOP_LOGO}" class="img-fluid" alt="{$store_name}"></a>

Gruß Scubi

[Karl1]

Hallo Zusammen,
das linke Responsivemenü für kleine Bildschirme auszuschalten verstehe ich nicht.
Das ist doch bei einem responsive Template das entscheidende, dass der User auch bei kleinen Bildschirmen navigieren kann ohne eine Seite nach der anderen laden zu müssen.
Wenn das Laden länger dauert ist er weg.
Aus diesem Grund habe ich das Menü nicht abschaltbar gemacht - das gefällt mir auch besser als das Standardmenü.

Ich bin aber dran, das in den Template Manager aufzunehmen.

@Scubi:
An den Slidern habe ich nichts verändert.
Wenn man das Fenster kleiner macht und aktualisiert wird die Fentergröße mittels JS ermittelt und davon abhängig die Spaltenanzahl festgelegt.
Sollte sich also nichts ändern könnte ein Javascriptfehler vorliegen.

Die Logoverlinkung mit dem "/" am Ende ist bei jedem Template so, kommt soweit ich weiß aus der configure.php.

Gruß Karl

[Scubi]

Hallo Karl,
danke für den Tipp. Werde ich mir gleich ansehen.

Grundsätzlich fand ich die Lösung mit beiden Menüs auch nicht schlecht. Etwas ungewöhnlich, aber machbar. Aber nachdem ich jetzt das linke Menü abgeschaltet habe, zeigt mir mein SEO-Tool das der Shop eine Struktur hat. Vorher war die Struktur bei Null. Die DOM Größe ist jetzt auch bei vielen Seiten enorm zurück gegangen. Die optimalste Lösung für mich mit dem Menü wäre, wenn das Linke Menü das Ajax Menü wäre. Aber ich denke, das ist Geschmackssache.

Gruß Scubi

[hpzeller]

[...]
mein Logo ist mit der Startseite verlinkt. Leider mit / am Ende. Dadurch entstehen tausende Weiterleitungen auf die Domain ohne /.
Kann mir jemand sagen, wo ich diesen Slash wegbekomme? Bei dem Home Button das gleiche Problem.
[...]

Das ist bei jedem modified Shop so und verursacht keine Probleme.

Gruss
Hanspeter

[Timm]

@Scubi
Im linken Menü (bei dir auf dem Desktop) mit den Kategorien werden doch die Unterkategorien per Ajax nachgeladen. Nur das du es jetzt mobil auf die rechte Seite gepackt hast. Siehst du in der Netzwerkanalyse deines Browsers, wenn du auf das + Zeichen klickst.

Wenn du es schon auf die andere Seite packst, dann sollte aber der Name dafür nicht mehr Seitenleiste sein, sondern Menü. Wenn das überhaupt nötig ist. Das Burgerzeichen sollte ja mittlerweile bei den Nutzern bekannt sein, dass das für Menü steht.

Generell ist ein Menü auf der rechten Seite natürlich nutzerfreundlicher für Rechtshänder, da man es auf größeren Smartphones eher einhändig bedienen kann. Cloudflarepunktcom hat das ganz schick gemacht. Denke aber, dass Nutzer eher erwarten, dass ein Menü links oben ist.

@Karl1
Was mir persönlich bei dem Menü fehlt, ist ein schließen Button. Musste erst überlegen, dass ich links neben das Menü tippen muss, um es zu schließen. Scheint aber auf einigen Seiten im Netz genauso zu sein und bei manchen halt mit einem schließen Button. Gewöhnungssache.

Vielleicht mal als ferne Idee:
In mobilen Templates scheint die Entwicklung zu sein, dass die Menüs ganz links oben sind und rechts daneben das Logo. Und dass dann nach Klick auf das Burgerzeichen und öffnen des Menüs an selber Stelle das schließen Symbol erscheint. Das macht es noch schneller weil man mit dem Finger gerade an der Stelle ist. Im Moment ist es ja so, dass das Burgerzeichen im oberen viertel ist und das Menü über die gesamte Länge öffnet und dann wieder ganz oben zu schließen wäre, wenn man da ein x integriert und man den Finger wieder bewegen muss.

Außerdem schafft das viel Platz, um früher wichtige Inhalte der Seite zu sehen.

mal als Beispiele: Cloudflarepunktcom die das auch noch rechtsseitig gemacht haben oder fotominuserhardtpunktde was sogar ein modifiedshop ist.

Gruß Timm

[Scubi]

Hallo Timm,

das mit dem Menü war ein guter Hinweis. Auch das es rechts ganz gut platziert ist. Ich daddel so selten mit dem Handy und schon gar nicht mit einer Hand

Auch deine Tipps für Karl erscheinen mir für die Zukunft ganz sinnvoll.

Gruß Scubi

[Scubi]

Hallo Hanspeter,

wenn man viele Links zur Hauptdomain hat und diese dann immer erst weitergeleitet werden ist es nicht so gut.
Weiterleitungen sind generell nicht so gut.

Gruß Scubi

[Timm]

@karl
Was mir bei scubis Shop noch aufgefallen ist, dass mobil bei fast jedem Klick auf eine neue Seite oder noch einfacher zum Testen das reloaden einer Seite, immer das Menü rechts kurz aufblitzt.

Vielleicht liegt das am verschieben des Menüs nach rechts, einem Einbaufehler, der hohen Anzahl an Kategorien bei scubi, oder es ist was generelles.

Gruß Timm

P.S.
@scubi
Das mit den vielen Links und Weiterleitungen solltest du vllt nochmal etwas näher erklären. Ich verstehe nicht so ganz was du meinst.

[hpzeller]

Hallo Scubi,

beim Klick auf dein Shop-Logo wird das HTML-Dokument der Startseite mit Status-Code 200 ausgeliefert, es findet also trotz Slash-Zeichen am Ende der angefragten Adresse keine Weiterleitung statt, siehe Bild.

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

Gruss
Hanspeter