Neu Header Zeile als Box

[damdaki]

Hallo,

wie man auf der Seite hier sieht habe ich eine Informationszeile ( "kostenloser Versand in Deutschland | 14 Tage Rückgaberecht" etc.) im Header hinzugefügt.

Das habe ich wie folgt gemacht:
1- im template.xml den Wert von 0 auf 1 geändert <Container Position="top" Available="1"></Container>
2- Habe eine "Eigene Box" im Bereich -Top (Container über dem Seiteninhalt)- über Boxenverwaltung erstellt.

Dann war die Informationszeile wie gewünscht auf der Startseite zu sehen. Das Problem ist, wenn ich eine andere Seite im Shop aufrufe, verschwindet die Informationszeile einfach. Allerdings möchte man so eine Zeile auf allen Seiten einschalten und anzeigen. Das gelingt mir leider nicht.

Was mir im Backend bei der Boxenverwaltung aufgefallen ist, dass die Checkbox "Top-Container anzeigen" immer wieder unchecked bleibt (siehe Screenshot). Den Wert dieser Checkbox kann ich einfach nicht beeinflussen. Diese Info ist nur nebenbei.

Mein Hauptproblem ist, die Informationszeile dauerhaft auf allen Seiten anzuzeigen..

Danke

 

[jackus]

Moin,

ich möchte auch den Top container bei mir einrichten. Stehe allerdings for dem Problem. Das ich ihn zwar im Template aktiviert habe und im Adminbereich auch konfigureren kann. Nur wird mir im Frontend nichts angezeigt.
Muss ich da noch was in irgened einer anderen Datei umschreiben?

ps. hast du mal geschaut ob in der Boxenverwaltung ganz oben der Wert bei Seiten auf "Alle Seiten" steht?

Gruss Jörg

 

[jackus]

ps. ich benutze das evo desgin als kopie.

Habs mittlerweile gefunden. Man muss noch den Code {$boxes.top} in die Header.tpl datei im layout ordner einfüge.

Jetzt kommt aber da nächste Problem ^^ Wo kann ich den Top container farbe und form geben?

 

[damdaki]

Hi,

wenn du den Eintrag im richtigen template.xml auf 1 geändert hast, musst du eigentlich
unter Inhalte->Boxenverwaltung einen neun Bereich sehen könne. Der Titel des Bereichs heißt "Top (Container über dem Seiteninhalt)".

Grüße

 

[jackus]

wie oben ergänzt ich musste noch den code {$boxes.top} in die Header.tpl datei im layout ordner einfüge.

 

[jackus]

hast mal geschaut ob es an dem Menüpunkt "Seiten" lag?

 

[damdaki]

Ja, habe geschaut. Da gibt es keinen Speichern-Button für diese Änderung. Du kannst dort keine Änderung vornehmen. Die Symbole (1) im Screenshot erscheinen dort auch nicht. Die Checkbox bei 2 kannst du anklicken, aber die Änderung kannst du nicht dauerhaft speichern.

 

[jackus]

Bin jetzt auch so weit wie du.

Wäre schön wenn jemand von JTL was dazu sagen könnte.

ps. wie hast du es geschaft das sein Header so schmal ist. Bei mir ist der extrem hoch.

 

[damdaki]

Vielleicht hilft dir das. Und wie gesagt, ich habe den Code in einer "Eigene Box (Ohne Rahmen)" drin

<p style="text-align: center;"><span style="font-size:12px;">| <strong>kostenloser Versand in Deutschland</strong> </span></p>

 

[jackus]

danke für den Code.
Das meinte ich aber nicht. Sondern der Header allgemein war zu breit.
Habe aber herausgefunden an was es lag. Der Padding wert war zu hoch.

Man muss in der bootstrap.css den code ändern.

#main-wrapper.boxed header #header-branding {
padding: 10px 0;
}

 

[jackus]

soooooo. Hab ne Lösung gefunden

ist zwar nicht die perfecte art aber es funktioniert.

Ich habe den Code den man eigendlich in der Boxenverwaltung erstellt, direkt in die Header.tpl dabei geschrieben und mit div am anfang und ende versehen.
Das ganze habe ich direkt über den <div id="header-branding" > eingefügt.

Und wenn du den div noch ne eigene id verpasst und diese dann in deiner custom.css einträgst kannst die Zeile sogar einzeln anpassen. Also Farbe, Größe ect.

Gruss Jörg

Hier der code der bei mir verwendung findet.

<div class="panel-strap">
<p style="text-align: center;"><strong><span style="font-size:12px;">Gratis Versand ab 50€ innerhalb D | 1 Monat Rückgabe  |  <a href="http://www.jacksarmystore.com/Behoerdenrabatt">10% Behördenrabatt</a> | <img alt="Paypal" src="http://www.jacksarmystore.com/mediafiles/Bilder/payment-paypalsmall.jpg" style="width: 66px; height: 25px;" />&nbsp;&nbsp;<img alt="Nachnahme" src="http://www.jacksarmystore.com/mediafiles/Bilder/payment-dhlsmall.jpg" style="width: 54px; height: 25px;" />&nbsp;&nbsp;<img alt="Überweisung" src="http://www.jacksarmystore.com/mediafiles/Bilder/payment-vorkassesmall.jpg" style="width: 35px; height: 25px;" />&nbsp;&nbsp;<img alt="SOFORT Überweisung" src="http://www.jacksarmystore.com/mediafiles/Bilder/payment-sofortsmall.jpg" style="width: 70px; height: 25px;" />
</span></strong></p>                   
               </div>

 

[damdaki]

Hi,
so wie du es gemacht hast, habe ich den Code geändert und funktioniert es.
Grüße

 

[jackus]

freut mich. Aber du musst noch die Bilder Größe anpassen. Das SSL Logo bedeckt meinen halben Bildschirm^^

 

[Kitsch_und_Kitty]

Ich stehe jetzt auch vor dem Problem, dass mir die Boxen auf der Startseite nicht angezeigt werden.
@jackus: An welcher Stelle hast du {$boxes.top} in die Header.tpl eingetragen? Vielleicht hilft das...

 

[damdaki]

Hi k&k,
hast Du dein Problem gelöst.

 

[hasenmann007]

@jackus du hast doch auf deinem shop oben die leiste super umgesetzt - wie hast du das nun gemacht?

bin soweit, das ich im backend die boxen bearbeiten kann - was nun?

 

[jackus]

habe das so gemacht wie oben beschrieben.
Den {$boxes.top} Code hab ich garnicht in die Header reingeschrieben. Das hatte bei mir überhaupt nicht funktioniert.
Stattdessen hab ich den http code direkt in die header-tpl geschrieben. Das ganze habe ich direkt über den <div id="header-branding" > eingefügt.

 

[alex9019]

Wo genau wird "{$boxes.top}" in die header.tpl eingetragen?