Neu Nova Template Kopf gestaltung

[deliman]

Vielleicht ist es wieder ein Cache-Problem. In einem anderen Browser auf meinen Telefon sieht es OK aus.

 

[mobade]

funktioniert nur im Nova direkt, wenn man ein Child passiert nichts, mmmhhhh

 

[mobade]

funktioniert doch habe die header.tpl vom Nova ins Child Kopiert 🙂


https://neuer-basteldehs-shop5.modellbaubedarf.eu

grüssle Mario

 

[imperialo]

@ple


Es gibt auch eine Sprachvariable "topbarNote" die du in der Sprachverwaltung befüllen kannst.
Wenn du die Anzeige dieser Sprachvariable linksbündig haben willst, kannst du dann auch so etwas machen wie:

.topbar-note {
    margin-right: auto;
}

Viele Grüße
Michael

Hihoo. ich hab des gemacht (in die custom.css) eingetragen, aber leider ists immer noch auf der rechten Seite - weiss jemand Rat?

Danke und Grüße Impi

 

[ARA-Marketing]

Hi.... geht es um deinen Shop ?.... zoohaus ?

da gib mal richtig ein 😉 margin-right !!! nicht wie bei dir margin-left 😎

Viele Grüße
Eas

 

[fm]

Hallo,
wie kann ich diesen code über topbarNote auf eine Line bringen.

global topbarNote <i class="fa fa-envelope"></i><a href=mailto:mail@anmich.de>mail@anmich.de</a>

Danke im Voraus
Bei wird es in zwei Linen dargestellt.

 

[ARA-Marketing]

Gib der .topbarNote mal eine width

VG
Eas

 

[fm]

Danke für deine Antwort. Der Eintrag wurde über die Sprachvaribel eingefügt. Ist dies korrekt oder soll dies über die css eingefügt werden?

.topbarNote ist dies auf in der css erreichbar?

 

[ARA-Marketing]

.topbarNote ist dies auf in der css erreichbar?

ja

 

[Marc3108]

Gib der .topbarNote mal eine width

VG
Eas

Ich bekomme es auch nicht in eine Zeile (siehe Bild). Habe es zwar Linksbündig und das war es schon.
Folgendes habe ich in die custom.css geschrieben:

.topbar-note {
margin-right: auto;
width: auto;
}

Kannst du mir da nen Tipp geben?

 

[ARA-Marketing]

Servus,

was heißt denn ? das war es schon ? was willst du denn noch machen ?... dann musst du schon genauer werden.

so mal hingeschrieben... so schauts aus, nur mit "margin-right:auto"

 

[Marc3108]

Servus,

was heißt denn ? das war es schon ? was willst du denn noch machen ?... dann musst du schon genauer werden.

so mal hingeschrieben... so schauts aus, nur mit "margin-right:auto"

Den Anhang 60181 betrachten

Maaaan, da wurde das Bild nicht übernommen. Muss ich später zu Hause am Rechner machen. Sorry jetzt erst gesehen

 

[Marc3108]

Servus,

was heißt denn ? das war es schon ? was willst du denn noch machen ?... dann musst du schon genauer werden.

so mal hingeschrieben... so schauts aus, nur mit "margin-right:auto"

Den Anhang 60181 betrachten

Hier nun das Foto und mein Problem

 

[Marc3108]

Kann mir hier jemand weiterhelfen bzw. hat eine Idee?

 

[ARA-Marketing]

sorry... .ich bin nicht immer hier... muss ja auch mal Geld verdienen 🙂

Wie hast du das eingebunden ?

 

[Marc3108]

sorry... .ich bin nicht immer hier... muss ja auch mal Geld verdienen 🙂

Wie hast du das eingebunden ?

war nicht als Vorwurf an dich gerichtet. Alles gut.
Habe es über die Custom.css in meinem Child Template eingebunden

 

[Marc3108]

Hallo,
wie kann ich diesen code über topbarNote auf eine Line bringen.

global topbarNote <i class="fa fa-envelope"></i><a href=mailto:mail@anmich.de>mail@anmich.de</a>

Danke im Voraus
Bei wird es in zwei Linen dargestellt.
Den Anhang 58831 betrachten

Hast du das mittlerweile hinbekommen? Ich habe auch dieses Problem.

 

[fm]

Hast du das mittlerweile hinbekommen? Ich habe auch dieses Problem.

Hallo Marc,

entschuldig, dass ich dir erst jetzt Antwort. Habe aber gesehen, dass du das Problem gelöst hast.
Jetzt habe ich eine Frage an dich.
Wie hast du eine Farbe hinterlegen können für die tob bar Linie.
Danke im Voraus.

 

[Marc3108]

Hallo Marc,

entschuldig, dass ich dir erst jetzt Antwort. Habe aber gesehen, dass du das Problem gelöst hast.
Jetzt habe ich eine Frage an dich.
Wie hast du eine Farbe hinterlegen können für die tob bar Linie.
Danke im Voraus.

Also richtig hinbekommen, wie hier beschrieben wurde, habe ich es nicht. Habe es in die header_top_bar.tpl eingefügt. Vielleicht kannst du mir dein Vorgehen mal schreiben. Gerne auch Privat.

Zu deiner Frage:

im Theme-Editor das Child Template gewählt und dort die Datei my-nova_crit.scss gewählt. Ganz unten, steht meine Änderungen. Dort habe ich

#header-top-bar {
background-color: #deineFarbe;
}

eingefügt.

 

[Buinger]

Hallo,

wir schauen was wir an den hier gennanten Punkten, vorranging Logogröße und großes Suchfeld, noch einstellbar machen. Ihr könnt aber über Child-Template bzw css-Änderung auch selbst daran etwas ändern:

1. Suchfeldgröße anpassen:

.full-width-mega .main-search-wrapper {
  max-width: 500px;
}

2. Die Logogröße, ist über eine Variable einstellbar, siehe dazu auch https://jtl-devguide.readthedocs.io/projects/jtl-shop/de/latest/shop_templates/primary_color.html

$navbar-image-height-lg   : rem(70px);

Die beiden Sachen funktionieren aber nur so einfach, wenn ihr das Menü mithilfe des Plugins in einer eigenen Zeile habt.

Viele Grüße
Michael

Hat sich seitdem etwas getan bzgl. der Logogröße und es Suchfeldes?