Header in voller Bildschirmbreite

[Ugenmeister]

Hallo Zusammen.

Ich möchte folgendes realisieren: Alle Boxen schalte ich aus und möchte im Header einen Slider einbauen, der über die gesamte Bildschirmbreite läuft. Den Contentbereich setze ich auf 960px. Da der Contentbereit ja schmäler ist muss ich den Slider vermutlich zwangsläufig im Header einbauen oder?

Nun meine Fragen bzw. Sorgen:

1.) Wie kann ich realisieren dass der Slider (über die volle Bildschirmbreite) nur auf der STARTSEITE läuft
2.) Muss / Kann ich ihn hardcoden oder kann ich ihn auch über eine Linkgruppe einbauen, so dass er im Backend auch schnell mal deaktiviert werden kann

Vielen Dank für eure Hilfe...

Gruss

 

[domaxa.de]

AW: Header in voller Bildschirmbreite

Hallo,

setze in deiner header_custom.tpl an gewünschter stelle das ein:

{if $AktuelleSeite == 'STARTSEITE'}
{include file="tpl_inc/inc_extension.tpl"}
{/if}

und in deiner seite_custom.tpl ersetze:

{include file="tpl_inc/inc_extension.tpl"}

durch:

{if $AktuelleSeite != 'STARTSEITE'}
{include file="tpl_inc/inc_extension.tpl"}
{/if}

jetzt hast du auf der Startseite den Slider größer je nachdem wo du Ihn eingebaut hast und auf anderen Seiten ist er normal drin.
Diesen kannst du jetzt ganz normal übers Backend pflegen.

 

[Ugenmeister]

AW: Header in voller Bildschirmbreite

Danke für die vorzügliche Beschreibung und die Idee.
Da ich nicht den JTL-Slider verwende sondern eigenen Code müßte ich nur noch wissen WO ich den Code im Backend eingebe. Eigene Inhalte CMS als Linkgruppe?

 

[domaxa.de]

AW: Header in voller Bildschirmbreite

Hallo,

wenn du einen eigenen Code nutzen möchtest empfiehlt es sich dieses als Plugin zu realisieren.
Du kannst auch eine eigene tpl Datei erstellen und diese in die header_custom.tpl einbinden dann aber hardcoden oder die inc_extension.tpl umbauen das Sie aus dem Backend steuerbar ist.

Die Beste Variante ist aber das Plugin.

 

[Ugenmeister]

AW: Header in voller Bildschirmbreite

Danke für die Tips.
Gibt es hierüber (die inc_extension.tpl umbauen das Sie aus dem Backend steuerbar ist) etwas zum Nachlesen wie man das realisieren kann?

Deinen Code von oben habe ich so eingebaut. Trotzdem läuft er auf jeder Seite. Bräuchte ihn aber nur auf der Startseite!
1000 Dank

 

[martinwolf]

AW: Header in voller Bildschirmbreite

{$AktuelleSeite} steht dir innerhalb der Übersichtsseiten und der Artikelseite nicht zur Verfügung, entsprechend greift die Regel von domaxa.de nicht zu 100%. Besser wäre den nSeitenTyp zu verwenden weil der immer existiert.

seit_custom.tpl

[COLOR=#ff0000][B]      {if $nSeitenTyp != 18}[/B][/COLOR]
      {include file="tpl_inc/inc_extension.tpl"}
[B][COLOR=#ff0000]      {/if}[/COLOR][/B]

header_custom.tpl

   {if !$bExclusive}
[B][COLOR=#ff0000]   {if $nSeitenTyp == 18}
        {include file="tpl_inc/inc_extension.tpl"}
   {/if}[/COLOR][/B]
   <div id="outer_wrapper" class="{if $Einstellungen.template.general.page_align == 'L'}page_left{else}page_center{/if} page_width">
      <div id="page_wrapper" class="{get_box_layout}">
         <div id="content_wrapper">
   {/if}

Das rote, fette jeweils ergänzen.

Zitat: Gibt es hierüber (die inc_extension.tpl umbauen das Sie aus dem Backend steuerbar ist) etwas zum Nachlesen wie man das realisieren kann?
Nein, gibt nichts wo man nachlesen könnte. Du kannst aber natürlich die inc_extension_custom.tpl komplett verändern. Theoretisch ließe sich da jeder Slider mit implementieren. Eine Einschränkung stellt am Ende nur Admin der Slider dar, da für den aktuell verwendeten Nivo Slider nur ein Bild, eine Caption und ein Text vergeben werden können. Das sollte man berücksichtigen.

 

[Ugenmeister]

AW: Header in voller Bildschirmbreite

Ah, super. Das werde ich so probieren. Vielen dank einstweilen.

Noch eine Frage dazu: da ich den Slider ja nur auf der Startseite haben möchte, muss ich hier die Höhe des header_wrapper ja vergrößern, also HÖHER machen. Kann ich diese Höhe dann auf allen anderen Seiten wieder verkleinern (da hier der Slider ja nicht vorhanden ist)?
DANKE!

 

[martinwolf]

AW: Header in voller Bildschirmbreite

Ah, super. Das werde ich so probieren. Vielen dank einstweilen.

Noch eine Frage dazu: da ich den Slider ja nur auf der Startseite haben möchte, muss ich hier die Höhe des header_wrapper ja vergrößern, also HÖHER machen. Kann ich diese Höhe dann auf allen anderen Seiten wieder verkleinern (da hier der Slider ja nicht vorhanden ist)?
DANKE!

Nein, denn die inc_extension.tpl bindet sich genau zwischen header_wrapper und outer_wrapper ein.

 

[Ugenmeister]

AW: Header in voller Bildschirmbreite

Ich möchte mich nochmals ganz herzlich bei domaxa.de und martinwolf bedanken. Alles funktioniert so wie ich es wollte. Dank eurer Hilfe! Vielen Dank dafür!

Eine Frage habe ich bitte noch dazu:
ich möchte auf der Startseite einige Artikel hardcoden. Habe das in der seite_custom gemacht. Jetzt hab ich aber bemerkt, dass sich der Footer nicht nach unten verschiebt wenn mehrere von diesen hardgecodeten Artikel angezeigt werden. Sonst habe ich das mit overflow hidden gelöst. Aber hier funktioniert es nicht.

Momentan behelfe ich mich damit, dass ich der Klasse .wrapper-artikel (darin liegen meine hardgecodeten Artikel auf der Startseite) eine feste Höhe zugewiesen habe, die alle der hardgecodeten Artikel aufnimmt. Aber das ist ja nicht des Rätsels Lösung.
Habt ihr eine Idee dazu wie ich das richtig lösen könnte?
DANKE!

 

[domaxa.de]

AW: Header in voller Bildschirmbreite

Hallo,

hast du vielleicht mel einen Link wo man sich das ansehen kann?
Ich denke du hast in der .wrapper-artikel die Artikel alle mit float:left drin dadurch hat .wrapper-artikel keine höhe.
Setz mal bevor das .wrapper-artikel zu geht ein <div class="clear"></div>
Ist jetzt aber nur eine vermutung wenn man es Live sieht kann man dir mehr auskunft geben.

 

[Ugenmeister]

AW: Header in voller Bildschirmbreite

Genau das war die Lösung! Bist der GRÖSSTE...
1000-DANK

 

[Ugenmeister]

AW: Header in voller Bildschirmbreite

@martinwolf:

Muss nochmal fragen bitte: Wo kann ich erkennen welche Seite welche Seitennummer hat?
Wie hier z.B.

{if $nSeitenTyp == 18}

 

[domaxa.de]

AW: Header in voller Bildschirmbreite

Hallo,

trag einfach {$nSeitenTyp} z.b. in deine header_custom.tpl ein dann solltest du auf jeder Seite die Seitennummer sehen.

 

[casim]

AW: Header in voller Bildschirmbreite

komplizierter gehts auch nicht

// Seitentypen
define('PAGE_UNBEKANNT', 0);
define('PAGE_ARTIKEL', 1);             // Artikeldetails
define('PAGE_ARTIKELLISTE', 2);        // Artikelliste
define('PAGE_WARENKORB', 3);           // Warenkorb
define('PAGE_MEINKONTO', 4);           // Mein Konto
define('PAGE_KONTAKT', 5);             // Kontakt
define('PAGE_UMFRAGE', 6);             // Umfrage
define('PAGE_NEWS', 7);                // News
define('PAGE_NEWSLETTER', 8);          // Newsletter
define('PAGE_LOGIN', 9);               // Login
define('PAGE_REGISTRIERUNG', 10);      // Registrierung
define('PAGE_BESTELLVORGANG', 11);     // Bestellvorgang
define('PAGE_BEWERTUNG', 12);          // Bewertung [NEIN]
define('PAGE_DRUCKANSICHT', 13);       // Druckansicht
define('PAGE_PASSWORTVERGESSEN', 14);  // Passwort vergessen
define('PAGE_WARTUNG', 15);            // Wartung
define('PAGE_WUNSCHLISTE', 16);        // Wunschliste
define('PAGE_VERGLEICHSLISTE', 17);    // Vergleichsliste
define('PAGE_STARTSEITE', 18);         // Startseite
define('PAGE_VERSAND', 19);            // Versand
define('PAGE_AGB', 20);                // AGB
define('PAGE_DATENSCHUTZ', 21);        // Datenschutz
define('PAGE_TAGGING', 22);            // Tagging
define('PAGE_LIVESUCHE', 23);          // Livesuche
define('PAGE_HERSTELLER', 24);         // Hersteller
define('PAGE_SITEMAP', 25);            // Sitemap
define('PAGE_GRATISGESCHENK', 26);     // Gratis Geschenk
define('PAGE_WRB', 27);                // WRB
define('PAGE_PLUGIN', 28);             // Plugin
define('PAGE_NEWSLETTERARCHIV', 29);   // Newsletterarchiv
define('PAGE_NEWSARCHIV', 30);         // Newsarchiv
define('PAGE_EIGENE', 31);             // Eigene Seite
define('PAGE_AUSWAHLASSISTENT', 32);   // Auswahlassistent
define('PAGE_BESTELLABSCHLUSS', 33);   // Bestellabschluss
define('PAGE_RMA', 34);                // Warenruecksendung
define('PAGE_MAX', 35);                // Maximale Anzahl der Seiten

Quelle: includes/defines_inc.php

 

[Ugenmeister]

AW: Header in voller Bildschirmbreite

Das ist natürlich klasse. Habt vielen Dank für Eure Hilfe!
Hat mir sehr geholfen...