Neu Nova Template Kopf gestaltung

[Janine]

Leider kommt jetzt etwas Kritik, schon wieder, wie seiner Zeit beim Evo Template.
Die Mangelhafte Gestaltungsmöglichkeit des Mega Menu hat mich damals viel Geld gekostet.
Was eben so drauf geht wenn man Dropper nutzen muss.
Ich hatte damals nie verstanden warum das so mangelhaft ausrollt wurde, ohne richtige Konfigurationsmöglichkeiten.
Nun sehe ich, das es offensichtlich 0 Weiterentwicklung in diesem Bereich gegeben hat. 😢
Ich dachte mit dem Composer kann ich endlich auf die Zusätzlichen Kosten verzichten.
Oder habe ich etwas übersehen??? Dann bitte ich um Entschuldigung.
Anbei meine aktuelle Seite. (Die auf dem Desktop rechts und links noch viel Platz hat)

Mein Logo ist viel zu klein (wo kann man das Konfigurieren?) Mein Logo ist sogar neidisch auf das Suchfeld, selbst das ist größer. (Warum eigentlich)
Dazu kommt, das die Positionierung etwas weiter nach unten gerückt als das Menü, was nicht gut aussieht.
Nicht mal die Hälfte der Kategorien wird angezeigt, kein Nutzer hat Bock darauf die Kategorien mit einem Pfeil zu durchstöbern.(ich kann die Kategorie Namen noch etwas kürzen aber das wird bei weitem nicht reichen)
Wie schon gesagt, das Suchfeld ist viel zu groß. (würde ich weiter nach oben, kleiner hinter NEWS einbauen, dann hat die Navigation auch mehr Platz)
Generell würde ich den Kopf auch lieber die Komplette Breite der Seite, nutzen lassen.
Ich wunder mich auch ein wenig, weil ich es schon viel besser bei Euch gesehen habe. Oder hat sich bei mir ein Fehler eingeschlichen?


Weil ich gerade den Screenshot sehe, wo kann ich die Sprachauswahl wie in eurem Beispiel konfigurieren?

 

[JulianG]

Also bei mir sieht das auch etwas anders aus und der Sprachschalter sollte seit rc.3 so angezeigt werden, wenn du mehr als eine Sprache aktiv hast (deutsch/englisch, für andere Sprachen musst du erst noch Sprachvariablen importieren). Die Kategorienamen sind genau mittig des zumindest in meinen Augen harmonisch großen Logos... Kann es sein, dass dein nova/child nicht aktuell ist?

 

[deliman]

Naja, das die Kategorien hinter dem Suchfeld "verschwinden", ist nicht gerade prickelnd. Aktuell habe ich damit (noch) kein Problem da in einem neuen Shopprojekt noch nicht so viele Kategorien vorhanden sind aber da muss man wieder an der header.tpl rumwurschteln oder jemanden für die Anpassungen bezahlen.

Ich dachte auch, das man im Header und Footerbereich was mit dem OPC einbauen kann - leider nein. Da muss man dann evt. wieder auf den Dropper zurückgreifen oder siehe oben...

Der Bereich über dem Logo und der Mitte ist z.B. komplett leer. Da habe ich dann wenigstens noch sprachenabhängige Kontaktdaten eingefügt. Wie man das Logo größer macht, habe ich noch nicht rausgefunden aber in unserem 4er Shop mit Hypnos Template haben wir ein deutlich größeres und auffälligeres Logo.

 

[JulianG]

Vielen Dank für euer Feedback. Wir haben es mal aufgenommen, aber für 5.0.0 klappt das nicht mehr: https://issues.jtl-software.de/issues/SHOP-4511
Kurios ist trotzdem, dass das Logo bei euch überhaupt so weit in der Mitte angezeigt wird. Nova/Child-Templates sind auf rc.3 Stand? Welche Auflösung verwendet ihr?

Unabhängig davon wäre es möglich das Menü auf die ganze Breite zu ziehen durch Entfernen des container-fluid-xl in der header.tpl: https://gitlab.com/jtl-software/jtl-shop/core/-/blob/master/templates/NOVA/layout/header.tpl#L301

 

[deliman]

Ich habe den Header in der tpl auf die Shop/Footerbreite begrenzt, das ist so gewollt. Der ganze Shop ist hier zu finden: https://arexa.shop

Die NOVA-Child Daten habe ich von hier: https://gitlab.com/jtl-software/jtl-shop/child-templates/novachild
und meine Daten sind vom 23.09.2020.

Außer der Primärfarbe und den Header-Anpassungen habe ich aber nichts verändert und das hatte ich bis vor ein paar Tagen auch direkt in den NOVA-Daten angepasst - ohne Child. Mir ist da keine Änderung aufgefallen, wo ich auf "zu alte" Child-Daten tippen würde.

 

[Janine]

Also bei mir sieht das auch etwas anders aus und der Sprachschalter sollte seit rc.3 so angezeigt werden, wenn du mehr als eine Sprache aktiv hast (deutsch/englisch, für andere Sprachen musst du erst noch Sprachvariablen importieren).

Ja das mit der Sprache passt jetzt auch.
Anzeigen 2560x1440 und 1920x1080
Die Darstellung ist gleich schlecht.
Ich habe meinen Shop 4 auf die gerade erschienene RC.3 aktualisiert. Mit den dortigen Templates.

Zum Logo
Das Logo wird auf 180 x 50 Skaliert, das passt einfach nicht. Zumindest nicht in der Höhe.
Ich finde es schade eine normale gebrauchsfähige Darstellung wie hier zu finden:


und dann mit dieser ?§$%"$% Umsetzung Überrascht zu werden.
Kein einfaches Umschalten auf, Kopf 100% Seitenbreite.
Ihr habt es ja schon mal ordentlich gemacht (siehe Bild oben).
Ich fange jetzt nicht an, im Template rum zu pfuschen. Ich werde meine Kunden vertrösten und um Geduld bitten bis es einen halbwegs annehmbaren Seiten Kopf gibt.
" Wir haben es mal aufgenommen, aber für 5.0.0 klappt das nicht mehr: https://issues.jtl-software.de/issues/SHOP-4511 "
Das man solch einen Fehler (anders kann man die Darstellung nicht bezeichnen) als 5.0 auf die Kunden loslassen will.... ich spare mir hier lieber weiter Ausführungen
Ihr habt so viel Arbeit hier rein gesteckt, veröffentlicht das lieber nicht so. Da ist doch der Stress vorprogrammiert. Und das ist in einem Shop die Zentrale, da muss es passen.
Ich würde mich wahrscheinlich nicht so ärgern, wenn ich bei Euch nicht schon eine Vernünftige Umsetzung gesehen hätte. Das ist das, was ich eigentlich erwartet habe.

und so eine Möglichkeit der Konfiguration im Kopf, sollte eigentlich auch Standard sein:

 

[peterwill]

Naja, das die Kategorien hinter dem Suchfeld "verschwinden", ist nicht gerade prickelnd. Aktuell habe ich damit (noch) kein Problem da in einem neuen Shopprojekt noch nicht so viele Kategorien vorhanden sind aber da muss man wieder an der header.tpl rumwurschteln oder jemanden für die Anpassungen bezahlen.

Ich dachte auch, das man im Header und Footerbereich was mit dem OPC einbauen kann - leider nein. Da muss man dann evt. wieder auf den Dropper zurückgreifen oder siehe oben...

Der Bereich über dem Logo und der Mitte ist z.B. komplett leer. Da habe ich dann wenigstens noch sprachenabhängige Kontaktdaten eingefügt. Wie man das Logo größer macht, habe ich noch nicht rausgefunden aber in unserem 4er Shop mit Hypnos Template haben wir ein deutlich größeres und auffälligeres Logo.

Den Anhang 48513 betrachten

 

[peterwill]

Das Template ist eigendlich ganz GUT aber das Mega Menue finde ich leider ............ wer viele Kategorien im Shop hat kann es nicht zu gebrauchen... !!!!!!! Kategorien hinter einem Suchfeld verstecken was soll das? ... wer denkt sich sowas aus? !!!!! Auch die Servicepartner wollen leben!

 

[deliman]

und so eine Möglichkeit der Konfiguration im Kopf, sollte eigentlich auch Standard sein:
Den Anhang 48537 betrachten

Für diese Zeile und die Headerbreite sind nur kleine Anpassungen in der header.tpl nötig. Bei mir beginnt der folgende Code in Zeile 289. Was geändert ist, habe ich mal rot markiert.

{block name='layout-header-header'}
{block name='layout-header-branding-top-bar'}
{if !$isMobile}
<div id="header-top-bar" class="d-none {if $nSeitenTyp !== $smarty.const.PAGE_BESTELLVORGANG}d-lg-flex{/if}">
<div class="container {if $nSeitenTyp !== $smarty.const.PAGE_BESTELLVORGANG}d-lg-flex flex-row-reverse{/if}">
{include file='layout/header_top_bar.tpl'}
<div style="flex: 1; padding: 0.5rem 0;"> {lang key='hotline'}
</div>
</div>
</div>
{/if}
{/block}
<header class="d-print-none {if !$isMobile || $Einstellungen.template.theme.mobile_search_type !== 'fixed'}sticky-top{/if} fixed-navbar" id="jtl-nav-wrapper">
{block name='layout-header-container-inner'}
<div class="container">

Für den Inhalt der Texzeile dann noch im Shopbackend unter "Sprachvariablen / global" einen neuen Eintrag erstellen, der dann genau so heißen muss wie unter {lang key='xxx'} angegeben. Bei mir also "hotline". Damit kann man dann in allen Shopsprachen seinen Text hinterlegen, der automatisch angezeigt wird.

 

[Janine]

@deliman
Danke für Code 👍 , aber das ist etwas, das ich vermeiden will. (wird bestimmt anderen weiter helfen die in den Datein rum basteln wollen)
Solche Sachen müssen in 2020 Standard sein und nicht über Code Änderungen des User gemacht werden.
Das sind einfachste rudimentäre Dinge. Ich warte auf JTL.
Bis das Nova nutzbar wird, nehme ich das EVO 5.0.0 Template, dort hat das Menü sinnvollerweise eine eigene Zeile und alle Menüpunkte haben Platz.
Damit hat sich natürlich leider der Hauptgrund so schnell zu wechseln erledigt.
Den OPC werde ich nicht nutzen bis man das Nova gebrauchen kann.
Schade, ich war so voller Tatendrang mit dem OPC den Shop zu überarbeiten. 😟 (was leider dringend nötig ist)

 

[mobade]

Hi,
wenn ich das richtig verstehe sollte der Header so ungefähr ausschauen, Foto


dadurch gewinnt man viel platz, für die Artikel, das ist mir selbst noch garnicht richtig aufgefallen, da ich momentan selbst nur 4 Kategorien angelegt habe

grüssle Mario

 

[Roddi]

Und so meiner, kann schon Verstehen das das nicht gerade Prickelnd ist das einiges unter der Suche verschwindet....
Da es aber noch RC3 ist sehe ich das (noch) nicht so eng....

 

[Janine]

Hi,
wenn ich das richtig verstehe sollte der Header so ungefähr ausschauen, Foto

Den Anhang 48570 betrachten
dadurch gewinnt man viel platz, für die Artikel, das ist mir selbst noch garnicht richtig aufgefallen, da ich momentan selbst nur 4 Kategorien angelegt habe

grüssle Mario

Ja so sieht z.B. eine Professionelle Gestaltung aus.
Bitte bei JTL Bewerben.
Ist das eine Foto Montage oder eine laufende Umsetzung?
Also wenn es das so gibt, würde ich vielleicht doch basteln.
Auf JTL warten..... meine Erfahrungen der letzten Jahre sprechen leider nicht für die Variante.
Seiner Zeit wurde das Mega Menü heftig kritisiert. z.B. das es keine Option für eine DropDown Darstellung gibt. (Bei vielen Unterkategorien macht nur diese Darstellung wirklich Sinn)
Also das man Unterkategorien nach unten (untereinander) aufklappen kann und nicht über die ganze Breite.
Es ist schon viele Jahre her und es wurde gesagt, das man das Verbessern würde, man arbeite ja noch daran.
Ich bin zu Dropper/FlexMenu gewechselt und stelle nun nach Jahren fest, das nichts passiert ist.
Da kommt man dann zu dem Urteil, WAWI gut aber Shop können sie leider nicht.
Sie müssten doch eigentlich nur einen Profi in diesem Bereich einstellen, das reicht um zu verhindern das Menüs hinter einem Suchfeld verschwinden und Logos ne Lupe benötigen .
Leider ist JTL im Shop Bereich extrem Lernresistent. Schade 😞

 

[peterwill]

Ja so sieht z.B. eine Professionelle Gestaltung aus.
Bitte bei JTL Bewerben.
Ist das eine Foto Montage oder eine laufende Umsetzung?
Also wenn es das so gibt, würde ich vielleicht doch basteln.
Auf JTL warten..... meine Erfahrungen der letzten Jahre sprechen leider nicht für die Variante.
Seiner Zeit wurde das Mega Menü heftig kritisiert. z.B. das es keine Option für eine DropDown Darstellung gibt. (Bei vielen Unterkategorien macht nur diese Darstellung wirklich Sinn)
Also das man Unterkategorien nach unten (untereinander) aufklappen kann und nicht über die ganze Breite.
Es ist schon viele Jahre her und es wurde gesagt, das man das Verbessern würde, man arbeite ja noch daran.
Ich bin zu Dropper/FlexMenu gewechselt und stelle nun nach Jahren fest, das nichts passiert ist.
Da kommt man dann zu dem Urteil, WAWI gut aber Shop können sie leider nicht.
Sie müssten doch eigentlich nur einen Profi in diesem Bereich einstellen, das reicht um zu verhindern das Menüs hinter einem Suchfeld verschwinden und Logos ne Lupe benötigen .
Leider ist JTL im Shop Bereich extrem Lernresistent. Schade 😞

 

[mobade]

Hi Janine,

ne das ist keine Foto Montage : https://test-shop5.modellbaubedarf.eu
das setzte ich mir in den nächsten Tagen um und kommt dann in den neuen Shop modellbaubedarf.eu

ja es dauert bei JTL immer ewig, Ankündigungen sind sofort, aber die umsetzung, das dauert, manchmal habe ich auch so ein gedanke das JTL einfach mal eine Designer für den Shop holt. Das Menü hat sich nie gross geändert und möglichkeiten, da was einzustellen gleich garnicht. Da darf man dann zu Dropper.
Vielleicht ist das auch so gewollt, sonst hat ja Dropper nichts zu tun oder weniger

grüssle Mario

 

[peterwill]

Shop können die nicht aber Template ! Andere bekommen doch auch ein vernünftiges Menue hin !!!! https://demoshops.splendid-internet.de/shopware/demoshop-shopware6-daily/

 

[mobade]

Ich würde sogar sagen das dies von JTL nicht gewollt ist.

 

[MHillmann]

Hallo!

wir werden noch eine Template-Einstellung einfügen mit der man das Menü und die Topbar auf die volle Breite ziehen kann. Des Weiteren fügen wir noch eine Sprachvariable in der Topbar ein, in der man z.B. eine Telefonnummer eintragen kann. Diese kann man sich dann per css so platzieren wie man möchte.
Bei dem Logo schauen wir, ob wir an der Positionierung/Größe noch etwas verbessern können.

Bezüglich der versteckten Kategorien im Menü: Hier ist die Entscheidung unserer Designabteilung so gefallen und dort wird es bis zum Release auch keine Änderungen mehr geben. Hat man viele Kategorien, gewinnt man mit der Option das Menü auf die volle Breite zu ziehen immerhin noch etwas Platz.
Wenn man viele Kategorien hat, könnte man eventuell auch seine Strukturierung etwas überdenken. Den Kunden mit 30 Kategorien zu erschlagen ist sicherlich auch nicht die beste Lösung.

Viele Grüße
Michael

 

[JulianG]

Muss da zustimmen. Gerade was Oberkategorien an geht. 5-7 halte ich für optimal (und ich versteh auch immernoch nicht, warum es bei euch enger ausfällt als bei mir. Mir werden 7 Kategorien angezeigt, erst die achte verschwindet unterm Suchfeld).
Aber ich freue mich, dass unsere Entwickler mit eurem Feedback da fürs 5.0.0 Release noch was machen können um euch entgegen zu kommen

 

[mobade]

so habe ich dies bei mir gelöst, die Daten oben links sind übers Template und nachträglich in die Datenbank eingefügt und kann dies über die Template einstellung eintragen.
es kann ja auch sein das ins Menü dann villeicht ein Menüpunkt kommt wie Blog, News, FAQ oder ähnliches, da ist man dann doch, Flexibler.




ist ne tolle Sache