Neu Nova Template Kopf gestaltung

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
1.111
344
Wie @GEE schon richtig sagt, kann es in Custom Templates Problem geben, da diese eventuell selbst schon Dinge am Header verändern. Daher nochmal die Frage: Nutzt ihr das originale Nova Template?
 

Cassiopeia

Gut bekanntes Mitglied
9. Mai 2017
193
19
Hi, ich hab das gleiche Problem, habe das Plugin unter https://build.jtl-shop.de/#plugin/beta/cfe heruntergeladen, aber wenn ich die Logo Höhe ändere oder was am Suchfeld mache passiert nichts.
Muss noch an andern Stellen was angepasst werden, also irgendwo im Template im Header Template oder dergleichen wie in einigen Posts hier beschrieben oder deckt das Plugin das bereits ab ?

UPDATE:

Nutze das original NOVA und als Child das aus dem Git.

Fehler gefunden, man muss einstellen Menü in eigener Zeile Anzeigen: JA.
Dann kann man das Logo auch von der Größe her ändern.

1634214218817.png

Was manchmal nicht so reibungslos geht ist wenn man wieder hochscrollt und "Anzeige beim Scrollen: Menü" angegeben hat, das manchmal das Suchfeld nicht direkt erscheint.
1634214723260.png
Hab also wieder hochgescrollt und die Suche war weg. Musste dann kurz wieder nach unten scrollen , dann wieder hoch und dann war sie da.

Davon mal abgesehen:

Mega geiles Plugin, vielen Dank, endlich die Möglichkeit am Header was zu ändern hab ich schon jahre drauf gewartet.
Wenn ich da jetzt noch einen Schriftzug oder einen Countdown einbetten könnte oder ein Bild wäre der Wahnsinn.

Z.b Countdown: Noch 3,25std und Expressbestellung bzw. Versand heute möglich.
 
Zuletzt bearbeitet:

Cassiopeia

Gut bekanntes Mitglied
9. Mai 2017
193
19
Noch eine Frage kann man durch das Plugin trotzdem noch Farbänderungen im Header/Menü vornehmen oder wird das durch das Plugin überschrieben und muss dort angepasst werden ?
Wollte aus weiß die Farbe Blau machen aber irgendwie funktioniert es nicht (außer ich mach was falsch)
 

Cassiopeia

Gut bekanntes Mitglied
9. Mai 2017
193
19
Ok habs gefunden ist im Child Tempalte zu machen mit "background-colors: blue;" z.b

In my-nova_crit.scss

header { box-shadow: 0 rem(16px) rem(9px) rem(-12px) transparentize($black, .94); position: relative; z-index: $zindex-sticky; background-colors: blue;

.form-control, .form-control:focus {
background-color: $header-bg-color;
color: $header-color;
}

.navbar {
padding: 0;
position: static;
background-colors: blue; (Füllt aber nicht alles aus)
}
 
3. Dezember 2020
44
3
Hallo zusammen!

Hatte gehofft mit dem JTL Header Plugin die Einstellung "Menü in eigener Zeile anzeigen:" auf Nein belassen zu können aber trotzdem Logogröße sowie Suchfeldbreite anpassen zu können.
Das gelingt jedoch nur, wie schon von Mittglied Cassiopeia gepostet, wenn die Einstellung "Menü in eigener Zeile anzeigen:" auf Ja gesetzt wird.

Persönlich finde ich das schade, denn für mein Design würde es mir genügen das Logo etwas größer sowie das Suchfeld etwas kleiner zu bekommen.
Wenn ich es auf Ja stelle schaut der Kopfzeile für mein Auge einfach nur komisch aus.

Liebe Grüße,
Christian
 

Anhänge

  • Logo und Suchfeldgröße gut, aber zweite Zeite unnötig und viel Platz ungenutzt.jpg
    Logo und Suchfeldgröße gut, aber zweite Zeite unnötig und viel Platz ungenutzt.jpg
    243,2 KB · Aufrufe: 72
Zuletzt bearbeitet:
3. Dezember 2020
44
3
Lieber @MHillmann,

danke für deine prompte Reaktion.
Warum setzt das JTL Header Plugin eigentlich nur dann Änderungen um wenn die Einstellung "Menü in eigener Zeile anzeigen:" auf Ja gesetzt wird?

Liebe Grüße,
Christian
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
1.111
344
Der ursprüngliche Sinn des Plugins war es, das Menü in eine eigene Zeile zu bekommen. Die Einstellung an sich ist daher schlecht benannt, sie entscheidet eigentlich nur ob das Plugin etwas tut oder nicht.
Daher haben alle Einstellungen nur Auswirkungen wenn das Menü in einer eigene Zeile ist.

Das wird bei der Umsetzung für den Core sicherlich anders gelöst.
 
  • Gefällt mir
Reaktionen: Akrap Kaffee Admin

kabemar

Aktives Mitglied
27. März 2019
39
4
Hallo,

das Plugin soll mit der 5.2.0 in den Core (ins Nova-Template) übernommen werden: https://issues.jtl-software.de/issues/SHOP-5740
Dieser Thread ist auf den Fall verlinkt und der Wunsch, dass man die Logogröße unabhängig einstellen kann ist notiert.

Viele Grüße
Michael
Hallo Michael

Das klingt sehr gut. Wir werden dann wohl nach dem Release der 5.2.0-Version auf den 5er- Shop umsteigen... Habt ihr hier schon ein Datum anvisiert?

Danke und beste Grüsse,
Kaj
 

mona

Gut bekanntes Mitglied
26. April 2016
263
17
Hallo Header-Spezis,

Nutze Nova-Child im Shop 5.1
Ich finde diese Möglichkeit, Menü in eigener Zeile anzeigen nicht? Ist das nur im Plug-In enthalten?

Habe im header.tpl im Child den block layout-header-logo direkt unter layout-header-top-bar verschoben, somit habe ich die Navigation ebenfalls links beginnend und das Logo oben...

Einziges Problem, mir gelingt es nicht, das div mit dem Logo drin l(<div id="logo" class="logo-wrapper"... ) links zu platzieren..
Die class container-fluid d-lg-flex flex-row-reverse ist ja nur das braune und macht die Seite anpassungsfähig an die Endgeräte - das violette gehört dann zu welcher ID?

Noch eine andere Verständnisfrage...das custom.css wird nicht mehr separat geladen sondern direkt in my-nova.css kompiliert? Meine Änderung css-seitig werden nämlich nicht übernommen, muss
zum Testen immer direkt im F12er arbeiten....

Tausend Dank schonmal für Eure Inputs ! ! ! gruss mona

1637827244324.png
 
Zuletzt bearbeitet:

mona

Gut bekanntes Mitglied
26. April 2016
263
17
Okay - konnte es lösen - aber

Bild bzw Logo möchte ich per css laden, und nicht per template - das ging in Evo problemlos, nun aber in Nova nicht mehr...
(Grund dafür, ich möchte den Shopnamen über das Bild legen, daher Name per Template ausgeben, Bild via css)

div#logo
{
background-image:url(logo.png);
background-position:100% 65%; /*position untere rechte ecke wäre 100% 100%*/
background-size:52%;
background-repeat:no-repeat;

}

Danke gruss
mona
 

Harald Weingaertner

Sehr aktives Mitglied
2. Oktober 2006
314
28
Servus... also da hier oft das Thema mit dem erweitertem Header-Infos im Raume steht und
ich nicht alle Fragen hier immer beantworten kann (der Tag hat nur 24 Stunden ;) )
ein kleines ToDo dafür:

So soll es im Endeffekt ausschauen und das geht nur vernünftig mit einem Template-Eingriff:

Den Anhang 61645 betrachten

In eurem Child-Template unter layout/header_top_bar.tpl erstellen und dort diesen Code eintragen:


Code:
{block name='layout-header-top-bar' append}
<ul class= "ara-topinfo">
<li><i class="fa fa-phone"></i>&nbsp;+49 1234-56789000</li>
<li><i class="far fa-clock"></i>&nbsp; Mo-FR 09:00-17:00 Uhr</li>
<li><i class="fa fa-envelope"></i>&nbsp;Support:&nbsp;<a href="mailto:mail@meinedomain.de">mail@meinedomain.de</a></li>
</ul>
{/block}

Damit wurde jetzt der Header erweitert.... natürlich eure Telefon und Geschäftszeiten und Mail eintragen.
Wenn jemand ein Element nicht benötigt, einfach die Zeile komplett löschen.

Dazu dann noch in der custom.css eintragen:

Code:
.ara-topinfo {margin-top:7px; margin-right:auto; text-decoration: none;}
.ara-topinfo li {margin-right:10px; text-decoration: none; display:inline;}
.ara-topinfo i {margin-right:3px;}

und fertig...

Viele Grüße
Eas

Top gemacht. Was mir aber aufgefallen ist: Das wird in der mobilen Ansicht gar nicht dargestellt, so dass die "mobilen Kunden" diese Zeile dann leider gar nicht sehen. Laut Forum-Suche ist das auch nicht vorgesehen, dass man die Topbar mobil anzeigen lassen kann.

Könnte man den Code nicht auch irgendwo anders unterbringen, so dass er dauerhaft als erste Zeile (Desktop und Mobil) angezeigt wird?

Grüße, Harald
 

grafikdesignerin

Mitglied
25. Februar 2021
55
2
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
Hat sich etwas geändert? Unsere Kataegorien werden hinter dem Suchfeld versteck.......... kann man das mittlerweile selber ändern?
 

Bootsecke

Gut bekanntes Mitglied
7. Dezember 2019
275
18

kts-onlinehandel

Aktives Mitglied
22. August 2018
89
9
Servus... also da hier oft das Thema mit dem erweitertem Header-Infos im Raume steht und
ich nicht alle Fragen hier immer beantworten kann (der Tag hat nur 24 Stunden ;) )
ein kleines ToDo dafür:

So soll es im Endeffekt ausschauen und das geht nur vernünftig mit einem Template-Eingriff:

Den Anhang 61645 betrachten

In eurem Child-Template unter layout/header_top_bar.tpl erstellen und dort diesen Code eintragen:


Code:
{block name='layout-header-top-bar' append}
<ul class= "ara-topinfo">
<li><i class="fa fa-phone"></i>&nbsp;+49 1234-56789000</li>
<li><i class="far fa-clock"></i>&nbsp; Mo-FR 09:00-17:00 Uhr</li>
<li><i class="fa fa-envelope"></i>&nbsp;Support:&nbsp;<a href="mailto:mail@meinedomain.de">mail@meinedomain.de</a></li>
</ul>
{/block}

Damit wurde jetzt der Header erweitert.... natürlich eure Telefon und Geschäftszeiten und Mail eintragen.
Wenn jemand ein Element nicht benötigt, einfach die Zeile komplett löschen.

Dazu dann noch in der custom.css eintragen:

Code:
.ara-topinfo {margin-top:7px; margin-right:auto; text-decoration: none;}
.ara-topinfo li {margin-right:10px; text-decoration: none; display:inline;}
.ara-topinfo i {margin-right:3px;}

und fertig...

Viele Grüße
Eas
Hallo, wir sind auch dabei irgendwie unser header oben eine zusatz zu geben , habe den code von euch genommen und alles eingetragen aber es sieht anders aus wie bei euch, es wird rechts angezeigt statt links. und dann nicht nebeneinander sondern untereinander. Was machen wir falsch?
 

Anhänge

  • code.png
    code.png
    20,9 KB · Aufrufe: 21

arich001

Aktives Mitglied
21. April 2021
122
1
Zuletzt bearbeitet:

Weedness

Aktives Mitglied
24. Januar 2020
55
4
Servus... also da hier oft das Thema mit dem erweitertem Header-Infos im Raume steht und
ich nicht alle Fragen hier immer beantworten kann (der Tag hat nur 24 Stunden ;) )
ein kleines ToDo dafür:

So soll es im Endeffekt ausschauen und das geht nur vernünftig mit einem Template-Eingriff:

Den Anhang 61645 betrachten

In eurem Child-Template unter layout/header_top_bar.tpl erstellen und dort diesen Code eintragen:


Code:
{block name='layout-header-top-bar' append}
<ul class= "ara-topinfo">
<li><i class="fa fa-phone"></i>&nbsp;+49 1234-56789000</li>
<li><i class="far fa-clock"></i>&nbsp; Mo-FR 09:00-17:00 Uhr</li>
<li><i class="fa fa-envelope"></i>&nbsp;Support:&nbsp;<a href="mailto:mail@meinedomain.de">mail@meinedomain.de</a></li>
</ul>
{/block}

Damit wurde jetzt der Header erweitert.... natürlich eure Telefon und Geschäftszeiten und Mail eintragen.
Wenn jemand ein Element nicht benötigt, einfach die Zeile komplett löschen.

Dazu dann noch in der custom.css eintragen:

Code:
.ara-topinfo {margin-top:7px; margin-right:auto; text-decoration: none;}
.ara-topinfo li {margin-right:10px; text-decoration: none; display:inline;}
.ara-topinfo i {margin-right:3px;}

und fertig...

Viele Grüße
Eas
Guten Tag,

das mit dem Custom.css funktioniert nicht bei mir. Der obere Code im Layout/Header_Top_Bar.tpl funktioniert problemlos.
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Nova Template - Voller Zoom endlich verfügbar? Templates für JTL-Shop 1
Neu Nova Template zerschossen nach Update? Linke Seitenleiste geht über die komplette Seite. Templates für JTL-Shop 2
Neu mega menu umbauen - was ist was? (NOVA-Template) Templates für JTL-Shop 5
Neu Nova-Template, JTL-Shop5: Suche mit Umlauten fehlerhaft JTL-Shop - Fehler und Bugs 3
Neu JTL SHOP 5 NOVA TEMPLATE Telefon Kamera barcodes scannen Allgemeine Fragen zu JTL-Shop 0
Neu Suche 2 Parameter im NOVA (Child) Template vom JTL Shop 5 Technische Fragen zu Plugins und Templates 4
Neu Probleme bei der Preisanzeige eines Artikels beim JTL Shop 5 mit Nova Template Technische Fragen zu Plugins und Templates 12
Neu Nova Template Google Fonts lokal? Allgemeine Fragen zu JTL-Shop 6
Neu Tipps für die Ladbarkeit JTL Shop 5 NOVA? JTL-Shop - Ideen, Lob und Kritik 2
Neu JTL Shop mit Nova -Sprachwechsel soooo buggy Templates für JTL-Shop 6
Neu Nova: 1,8 Mio Shop5 Seiten bei Google nicht indexiert ??!!!! :O Templates für JTL-Shop 7
Neu Nova Header Farbe geändert - danach Mega Menü leer Templates für JTL-Shop 2
Neu Favicon unter Einstellungen NOVA hochgeladen ohne Erfolg Allgemeine Fragen zu JTL-Shop 4
Neu Trusted Shops Excellence in Shop 5 (Nova) Einbinden Allgemeine Fragen zu JTL-Shop 0
Neu Nova OPC "Default Area" Anzeige auf jeder Seite? Technische Fragen zu Plugins und Templates 3
Neu "Eigene Box" im NOVA Child via Bootstrap oder info.xml registrieren? Technische Fragen zu Plugins und Templates 2
Neu HAN (Hersteller Nr) im Template anzeigen Technische Fragen zu Plugins und Templates 0
Neu Child Template erstellen für Laufband oberhalb des Headers Technische Fragen zu Plugins und Templates 0
Neu Kann man das NOVAChild Template updaten? Templates für JTL-Shop 7
Neu Shop 5 Evo-Child Template Probleme Allgemeine Fragen zu JTL-Shop 1
Consent Manager Evo-Child Template - Bugs, Fehler und Co. Einrichtung JTL-Shop5 0
Neu Eigene Einstellungen via Plugin hinterlegen und im Template auswerten Technische Fragen zu Plugins und Templates 3
Neu Template für 2 shops Templates für JTL-Shop 0
Neu Mobile Template: NEU und SALE in Menü unterbringen? Templates für JTL-Shop 4
Neu Nur Primary Colour und etwas CSS ändern - Eigenes Theme oder Child Template? Templates für JTL-Shop 1
Neu Wo sind hochgelandene Template-Dateien? Templates für JTL-Shop 1
Neu Shop 5 Evo Template Paginierung Ändern Technische Fragen zu Plugins und Templates 1
Neu Template Cache deaktivieren Templates für JTL-Shop 1
Neu Einsteigerfragen Plugin Entwicklung bzw. Ausgabe im Template Technische Fragen zu Plugins und Templates 7

Ähnliche Themen