Neu Schriftgröße im Megamenü anpassen

Baumteufel

Mitglied
10. August 2021
13
0
Hallo, wir sind hier ganz frisch und haben Shop 5.
Grundsätzlich lässt sich über den OC ja viel machen.

Jedoch benötigen wir Hilfe beim Megamenü. Die Menüpunkte sind viel zu groß, die Abstände würden wir auch gern verringern.
Kann mir hier jemand weiterhelfen?

Besten Dank!
Gruß
Chris
 

Anhänge

  • megamenü.png
    megamenü.png
    24,3 KB · Aufrufe: 68

apalusa

Sehr aktives Mitglied
22. Oktober 2018
247
55
Hallo Chris,

wenn du ein Child-Template verwendest kannst du in deinem Theme in die custom.css folgende Regel einfügen und nach belieben verändern:
Code:
header .submenu-headline-toplevel {
    font-size: 1rem;
}

Das sollte der richtige Selector für die gewünschte Stelle sein. Für die Abstände müsste man nochmal schauen, in diesem selector wird im Standard nur margin-bottom: 1rem; definiert.

EDIT: Das ganze bezieht sich natürlich auf ein NOVA basiertes Child Template
 
Zuletzt bearbeitet:
  • Gefällt mir
Reaktionen: Baumteufel

Baumteufel

Mitglied
10. August 2021
13
0
Hallo Chris,

wenn du ein Child-Template verwendest kannst du in deinem Theme in die custom.css folgende Regel einfügen und nach belieben verändern:
Code:
header .submenu-headline-toplevel {
    font-size: 1rem;
}

Das sollte der richtige Selector für die gewünschte Stelle sein. Für die Abstände müsste man nochmal schauen, in diesem selector wird im Standard nur margin-bottom: 1rem; definiert.
Dankeschön !
 

apalusa

Sehr aktives Mitglied
22. Oktober 2018
247
55
Mit folgendem Selector sollte sich auch der Abstand regeln lassen, vorausgesetzt es geht um den horizontalen abstand zwischen den Punkten. Natürlich ebenfalls wieder für ein NOVA basiertes Child template:

Code:
.nav-item.col-xl-3 {
    max-width: 25%;
}

Standardwert ist 25% aber wenn man den verkleinert sollte sich der Abstand zwischen den Unterkategorien entsprechend anpassen. Es ist aber zu empfehlen, dass der Wert den man wählt sich auf 100% aufaddieren lässt da sonst auf der rechten Seite entweder eine Unterkategorie abgeschnitten wird oder es bleibt ein leerer Platz übrig.
 

robert.ottomar

Aktives Mitglied
12. Oktober 2015
13
0
Hallo, danke für die schnelle Reaktion. Hab versucht das vorgeschlagene im Theme Editor umzusätzen. Leider ohne Erfolg.

1641552736758.png

Können die Unterkategorien in der Ansicht über den Theme Editor zentriert werden?
 

apalusa

Sehr aktives Mitglied
22. Oktober 2018
247
55
Hallo, danke für die schnelle Reaktion. Hab versucht das vorgeschlagene im Theme Editor umzusätzen. Leider ohne Erfolg.

Den Anhang 76420 betrachten

Können die Unterkategorien in der Ansicht über den Theme Editor zentriert werden?
Ah, sorry, hab den gewünschten Effekt falsch verstanden. Es sollen also aus dem Screenshot die beiden Unterkategorien nicht links sondern zentriert relativ zur gesamten Seitenbreite angezeigt werden?
Falls ja, ist das vermutlich nur durch Template Anpassung möglich da dieser Bereich in einzelne Felder unterteilt ist und diese Unterkategorien jeweils ein Feld belegen. Dabei werden die Felder von links nach rechts und oben nach unten befüllt.

Man müsste mindestens den Container der Unterkategorien eine eigene CSS Klasse geben mit der man dann die Breite auf 50% des verfügbaren Platzes einstellt, so dass nur noch 2 dieser Felder nebeneinander Platz finden.

Wo genau die Anpassung im Template durchgeführt werden muss kann ich aber leider nicht beantworten, mit diesem Bereich hatte ich bisher nicht zu tun. Nach kurzem Blick sollte es aber vermutlich unter /snippets/categories_mega.tpl in Zeile 50 sein. Wenn ihr da eine neue eigene Klasse hinzufügt, könnt ihr damit dann die Breite überschreiben, ungefähr so:

Code:
.eigene-klasse {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
Allerdings gilt natürlich zu beachten, dass man das mit media Queries entsprechend für verschiedene Bildschirmgrößen anpassen sollte (z.B. für Mobilgerät 100%).
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Massive Anzeige-Probleme Schriftgröße Gelöste Themen in diesem Bereich 6
Neu Megamenü erweitern (Mouseenter Event fehlerhaft) Templates für JTL-Shop 0
Neu Gruppierung im Megamenü unabhängig von Kategorien Allgemeine Fragen zu JTL-Shop 0
Neu Template anpassen - parallel zum bestehenden, ohne Aktivierung? Templates für JTL-Shop 2
Neu Versandzeit in Ebay-Vorlage geändert - Laufende Auktion automatisch anpassen? eBay-Anbindung - Ideen, Lob und Kritik 0
Neu Anpassen einer Rechnungsvorlage - Bearbeiten von Textbausteinen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 4
Artikelbestände anpassen JTL-Wawi App 0
Neu Link Farbe im Header sowie Abstand der Box im Footer anpassen Allgemeine Fragen zu JTL-Shop 1
Neu stock_status.tpl -> Lieferbarkeitsanzeige anpassen Templates für JTL-Shop 3
Neu Nova - Größe der Slides / Anzahl der Artikel bei Cross Selling Slider anpassen Templates für JTL-Shop 3
Neu Im Sofortauftrag Kundendaten anpassen (z.b. Ansprechpartner) JTL-Wawi - Ideen, Lob und Kritik 0
Neu Schriftarten/ Fonts auf der kompletten Webseite anpassen Templates für JTL-Shop 3
Issue angelegt [WAWI-13565] Preise berechnen Preise Kalkulieren / anpassen JTL-Workflows - Ideen, Lob und Kritik 6
Druckvorlage Artikeletiketten anpassen JTL-Wawi 1.8 0

Ähnliche Themen