WBCE CMS Forum

joergwbce

Mitglied

Buschwerk - im Header statt dem Seitennamen einen Image-Slider (responsive) integrieren

Siehe Betreff --> Wie geht das?

Danke für eine Antwort :-)

LG

Jörg

Beitrag geändert von joergwbce (28.03.2018 22:18:20)

florian

Administrator

Re: Buschwerk - im Header statt dem Seitennamen einen Image-Slider (responsive) integrieren

Schau mal, es gibt diverse Threads hier im Forum, wo das Vorgehen prinzipiell erklärt wird:

Zum Thema Slidereinbau in andere Templates
https://forum.wbce.org/viewtopic.php?pid=16688#p16688
https://forum.wbce.org/viewtopic.php?id=1684
https://forum.wbce.org/viewtopic.php?id=479

Zum Thema Kopfzeile in Buschwerk
https://forum.wbce.org/viewtopic.php?id=1641

Vielleicht versuchst Du es erstmal auf der Basis selbst?
Ansonsten, bevor ich wieder am Bedarf vorbei supporte:
- Soll der Slider nur auf einer ausgewählten oder allen Seiten erscheinen,
- soll er immer dieselben oder je nach Seite unterschiedliche Bilder zeigen,
- sollen nur Bilder oder auch Texte erscheinen,
- sollen die Bilder und/oder ggf. Texte mit irgend einer Zielseite verlinkt sein,
- schwebt Dir ein konkreter Slider-Stil vor...

joergwbce

Mitglied

Re: Buschwerk - im Header statt dem Seitennamen einen Image-Slider (responsive) integrieren

Hallo Florian!

• In dem Fall soll der Slider im Header auf allen Seiten vorkommen.

• Wenn auf jeder Seite unterschiedliche Bilder möglich sind, wäre das toll - ist aber nicht unbedingt erforderlich

• Es sollen grundsätzlich nur Bilder erscheinen

• Verlinkung mit einer Zielseite wäre auch super - ist aber auch nicht zwingend erforderlich.

Minimalversion also:

- Die gleichen Bilder auf jeder Seite

Traumversion:

- wie beschrieben

Slider-Stil ist mir grundsätzlich egal. Soll halt passen.

florian

Administrator

Re: Buschwerk - im Header statt dem Seitennamen einen Image-Slider (responsive) integrieren

Die einfachste Möglichkeit ist, den Kopfbereich als zusätzlichen Inhaltsblock zu definieren und in diesem dann mit dem Minislider-Modul oder Itemz einen Slider zu platzieren.

Ergänze dafür die info.php des Templates nach

$block[4] = 'Infobereich unten';

die Zeile

$block[5] = 'Alternativer Header';

in der index.php ändere

 <div class="line">
            <div class="box margin-bottom">
               <div class="s-12 ">
                 <h1><a href="<?php echo WB_URL; ?>"><?php echo WEBSITE_TITLE; ?></a></h1>
               </div>
            </div>
         </div>

zu

  <div class="line">
			<?php if ($block[5]=='') { ?>
            <div class="box margin-bottom">
               <div class="s-12 ">
                 <h1><a href="<?php echo WB_URL; ?>"><?php echo WEBSITE_TITLE; ?></a></h1>
               </div>
            </div>
			<?php
			} else {
				echo $block[5];
			} ?>
         </div>

Nun installiere Minislider oder Itemz, sofern noch nicht vorhanden.

Du kannst nun bei "Abschnitte verwalten" einen neuen Abschnitt im Block "Alternativer Header" anlegen und dort dann Bilder hinterlegen. Bei Itemz ist das Preset Vegas-Slider gut geeignet, hier muss in Einstellungen > Kopfzeile noch eine Änderung vorgenommen werden, damit es gut aussieht:
Ändere

<div id="vegasbox" style=" box-sizing: border-box; padding-bottom:60%; width=100%;"><div id="vegasbox_inner"></div></div>

zu

<div id="vegasbox" style=" box-sizing: border-box; padding-bottom:20%; width=100%;"><div id="vegasbox_inner"></div></div>

So sollte das dann in etwa aussehen:

Wenn Du einen "Standard-Slider", der auf allen Seiten, auf denen kein anderer Slider hinterlegt ist, erscheinen soll, merke Dir die Section-ID (das ist nicht die Page-ID) des Abschnitts, in dem der grundsätzlich auf allen Seiten zu verwendenende Slider steht, z.B. 42, und ändere dann noch im Template die Zeile

  <h1><a href="<?php echo WB_URL; ?>"><?php echo WEBSITE_TITLE; ?></a></h1>

zu

[[sectionpicker?sid=42]]

(Im Codebeispiel die 42 durch den tatsächlichen Wert ersetzen)

joergwbce

Mitglied

Re: Buschwerk - im Header statt dem Seitennamen einen Image-Slider (responsive) integrieren

Vielen Dank für die sehr ausführliche Beschreibung!!! Werde das kommende Woche umsetzen!