Probleme mit Navigation & Anderes

[graphitto]

Hallo Experten,

ich bin gerade dabei, eine meiner Websites neu zu bauen und nutze dafür Redaxo 3.0.

Ich habe mir eine Design-Vorlage erstellt und versuche nun, diese als Template umzusetzen. Leider gelingt mir das bisher nicht so, wie ich es haben will.

Problem 1: Die Navigation
So soll es aussehen: http://www.socosu.de/statisch/index.html

Die jeweils aktuelle Rubrik wird dabei eingerahmt und ist nicht verlinkt.
Beim Wechsel in eine andere Rubrik muß sie natürlich wieder aktiv verlinkt sein.
Die Haupt-Rubriken sollen andersfarbig dargestellt werden und ebenfalls nicht verlinkt sein.
Die CSS-Klassen für die aktuelle Rubrik und die Hauptrubriken sind angelegt.

So sieht es momentan aus: http://www.socosu.de/neu/index.php?article_id=1&clang=0

Wie kann ich das lösen?

Problem 2: Die Titelleiste
Hier soll, je nach Unterthema ein anderer Text und ein anderes Bild erscheinen. Was muß ich dafür tun? Und wie bekomme ich das Ganze ins Template?

Problem 3: Mehr als ein Artikel auf einer Seite
Speziell auf der Startseite (News) sollen mehrere Artikel im Content-Bereich untereinander stehen. Momentan sind in der Kategorie News zwei Artikel angelegt, es wird aber nur der Startartikel angezeigt. Wie krieg ich den zweiten (dritten, vierten usw.) Artikel dahin?

Vielen Dank für Eure Tips.

Schönen Gruß

p.s.: Auf der statischen Seite springt die Navi im IE6 momentan noch. Das soll natürlich nicht so bleiben. ;o)

[Thomas.Blum]

Hej und herzlich willkommen,

Problem 1: Die Navigation

Wie kann ich das lösen?

Probier das mal bitte:

Code: Alles auswählen

<?php

$PATH = explode("|",$this->getValue("path").$this->getValue("article_id")."|");
$path1 = $PATH[1];
$path2 = $PATH[2];
$path3 = $PATH[3];

echo '<ul class="nav1st">';
foreach (OOCategory::getRootCategories() as $lev1):
	$catId = $lev1->getId();

	
	if($lev1->isOnline()):
	
		$lev1Size = sizeof($lev1->getChildren());

		if ($lev1->getId() == $path1) {
			echo '<li class="active">'.$lev1->getName();
		}
		else {
			echo '<li><a href="'.$lev1->getUrl().'">'.$lev1->getName().'</a>';

		}
		
		
		$lev1Size = sizeof($lev1->getChildren());
		if($lev1Size != "0"):
			echo '<ul class="nav2nd">';
			foreach ($lev1->getChildren() as $lev2):

				if ($lev2->isOnline()):
					if ($lev2->getId() == $path2) {
						echo '<li class="active">'.$lev2->getName().'</li>';
					}
					else {
						echo '<li><a href="'.$lev2->getUrl().'">'.$lev2->getName().'</a></li>';
					}
				endif;
			endforeach;
			echo '</ul>';
		endif;
		

		echo '</li>';		
	endif;
endforeach;
echo '</ul>';

?>

CSS:
/* Angaben für den aktiven Button */
ul.nav1st li.active {}


/* Angaben für den verlinkten Button */
ul.nav1st li a {}

:: Gib mal bitte Feedback. Stelle das dann unter Download rein.

Problem 2: Die Titelleiste
Hier soll, je nach Unterthema ein anderer Text und ein anderes Bild erscheinen. Was muß ich dafür tun? Und wie bekomme ich das Ganze ins Template?

Das Bild würde ich unter Metadaten setzen und dann im Template mit

Code: Alles auswählen

$this->getValue("file")

auslesen

Problem 3: Mehr als ein Artikel auf einer Seite

Willst du die Artikel vorher anreißen oder schon alle Artikelinhalte sichtbar haben?

Vielen Dank für Eure Tips.

DaNichtFür

p.s.: Auf der statischen Seite springt die Navi im IE6 momentan noch. Das soll natürlich nicht so bleiben. ;o)

Würde ich mir am Ende mal ansehen.

Grüße Thomas

[graphitto]

Probier das mal bitte:

Danke Thomas. Das klappt im Prinzip schon sehr gut. Wenn du mir jetzt noch verrätst, in welchen Stylesheet diese Angaben müssen, bzw. wie ich die einzelnen Rubriken formatieren kann:

CSS:
/* Angaben für den aktiven Button */
ul.nav1st li.active {}


/* Angaben für den verlinkten Button */
ul.nav1st li a {}

wird es noch besser.

Das Bild würde ich unter Metadaten setzen und dann im Template mit

Code: Alles auswählen

$this->getValue("file")

auslesen

Sorry, aber ???????
Ich muß doch für die Titelleiste erst mal ein Modul setzen, oder? Und was meinst du mit Metadaten?

Willst du die Artikel vorher anreißen oder schon alle Artikelinhalte sichtbar haben?

Es sollen alle Inhalte sichtbar sein. Ein Anreißen ist nicht notwendig.

Gruß Ralf

[Thomas.Blum]

Hej,

Danke Thomas. Das klappt im Prinzip schon sehr gut. Wenn du mir jetzt noch verrätst, in welchen Stylesheet diese Angaben müssen, bzw. wie ich die einzelnen Rubriken formatieren kann:

CSS:
/* Angaben für den aktiven Button */
ul.nav1st li.active {}


/* Angaben für den verlinkten Button */
ul.nav1st li a {}

wird es noch besser.

Das ganze ein fach in Deiner CSS einbinden und Eigenschaften setzen. Einzelne Rubriken? Willst du für jeden Link ein anderes Aussehen haben?

Sorry, aber ???????
Ich muß doch für die Titelleiste erst mal ein Modul setzen, oder? Und was meinst du mit Metadaten?

Nicht unbedingt. Ist dein Design so, wie es auf der Seite ist, oder verändert sich das einmal (ohne Bild und Zitat)?

Wenn du im Editiermodus bist, gibt es einen Link Metadaten/Sonstiges. Metafile ist dann das Bild was ich meinte.

Es sollen alle Inhalte sichtbar sein. Ein Anreißen ist nicht notwendig.

Da würde ich entweder diesen einen Startartikel mit den gesamten Inhalt füllen, oder aber in dem Startartikel ein Modul einfügen, welches über SQL alle Artikel in der Kategorie findet und die Inhalte ausgibt.

Thomas

[graphitto]

Willst du für jeden Link ein anderes Aussehen haben?

Nein, das war schon fast der richtige Hinweis. Die Haupt-Rubriken (IT-Support und Training) sollen andersfarbig und nicht verlinkt sein. Da müssten also diese Rubriken nur als <li> ohne Link formatiert werden?

Nicht unbedingt. Ist dein Design so, wie es auf der Seite ist, oder verändert sich das einmal (ohne Bild und Zitat)?

Das Site-Design bleibt grundsätzlich so wie es ist. Nur in der Titelleiste unter dem Logo sollen sich Bild und Text auf den Unterseiten ändern. So wie das auf redaxo.de ja auch läuft.

Wenn du im Editiermodus bist, gibt es einen Link Metadaten/Sonstiges. Metafile ist dann das Bild was ich meinte.

Dafür müsste ich aber eine Kategorie für die Titelleiste anlegen, oder? Die würde dann ja in der Navi auftauchen?

Da würde ich entweder diesen einen Startartikel mit den gesamten Inhalt füllen, oder aber in dem Startartikel ein Modul einfügen, welches über SQL alle Artikel in der Kategorie findet und die Inhalte ausgibt.

Ähem. Ich glaub ich mache einen gaaanz langen Startartikel.

Gruß Ralf

[graphitto]

Noch ein Nachtrag zur Navigation. Die Haupt-Rubriken sollen nie verlinkt sein, sondern immer nur als Themenüberschriften wirken.

Gruß Ralf

[Markus.Staab]

Hi Ralf,

Nein, das war schon fast der richtige Hinweis. Die Haupt-Rubriken (IT-Support und Training) sollen andersfarbig und nicht verlinkt sein. Da müssten also diese Rubriken nur als <li> ohne Link formatiert werden?

Das bekommst du mit ein wenig probieren und CSS ganz easy hin.
(Nur CSS musst du ändern!)

Das Site-Design bleibt grundsätzlich so wie es ist. Nur in der Titelleiste unter dem Logo sollen sich Bild und Text auf den Unterseiten ändern. So wie das auf redaxo.de ja auch läuft.

Wie schon oben vorgeschlagen, würd ich dieses via Metafile und MetaDescription lösen, dann kannst du das einfach überall einpflegen.

Code: Alles auswählen

<div class="beschreibung"><img src="<?php echo $REX['HTDOCS'] .'files/'. $this->getValue('file') ?>"/></div>
<div class="beschreibung"><?php echo $this->getValue('description') ?></div>

Dafür müsste ich aber eine Kategorie für die Titelleiste anlegen, oder? Die würde dann ja in der Navi auftauchen?

Diese Einstellung machst du doch in jedem Artikel selbst, dafür brauchst du keinen Erstellen. Falls du aber mal einen Artikel hast, der nicht in der Navi erscheinen soll, einfach den Status auf "offline" stellen und gut ist

Ähem. Ich glaub ich mache einen gaaanz langen Startartikel.

Meiner Meinung nach, ganz einfach ein Modulliste Modul ins den Startartikel, dann kannst du für jede News einen Artikel anlegen und fertig. Siehe Demo oder Modulsammlung: Blätterbare/Paginated Artikelliste r3.0

Gruß,
Markus

[Markus.Staab]

Hi Ralf,

Noch ein Nachtrag zur Navigation. Die Haupt-Rubriken sollen nie verlinkt sein, sondern immer nur als Themenüberschriften wirken.

Gruß Ralf

Einfach die Navi dahingehend ändern

Code: Alles auswählen

<?php

$PATH = explode("|",$this->getValue("path").$this->getValue("article_id")."|");
$path1 = $PATH[1];
$path2 = $PATH[2];
$path3 = $PATH[3];

echo '<ul class="nav1st">';
foreach (OOCategory::getRootCategories() as $lev1):
   $catId = $lev1->getId();

   
   if($lev1->isOnline()):
   
      $lev1Size = sizeof($lev1->getChildren());

      if ($lev1->getId() == $path1) {
         echo '<li class="active">'.$lev1->getName();
      }
      else {
         echo '<li>'.$lev1->getName();

      }
      
      
      $lev1Size = sizeof($lev1->getChildren());
      if($lev1Size != "0"):
         echo '<ul class="nav2nd">';
         foreach ($lev1->getChildren() as $lev2):

            if ($lev2->isOnline()):
               if ($lev2->getId() == $path2) {
                  echo '<li class="active">'.$lev2->getName().'</li>';
               }
               else {
                  echo '<li><a href="'.$lev2->getUrl().'">'.$lev2->getName().'</a></li>';
               }
            endif;
         endforeach;
         echo '</ul>';
      endif;
      

      echo '</li>';      
   endif;
endforeach;
echo '</ul>';

?>

Gruß,
Markus

[graphitto]

@Markus und Thomas
Danke erstmal für die Tips. Nach 12 Stunden Arbeit ist mein Kopf momentan zu leer, um alles zu begreifen. Ich schau mir das morgen in Ruhe an und teste was geht. Wenn ich noch Fragen habe, und die hab ich bestimmt, melde ich mich.

Schönen Abend noch

Ralf

[Thomas.Blum]

Noch ein Nachtrag zur Navigation. Die Haupt-Rubriken sollen nie verlinkt sein, sondern immer nur als Themenüberschriften wirken.

Code: Alles auswählen

<?php

$PATH = explode("|",$this->getValue("path").$this->getValue("article_id")."|");
$path1 = $PATH[1];
$path2 = $PATH[2];
$path3 = $PATH[3];

echo '<ul class="nav1st">';
foreach (OOCategory::getRootCategories() as $lev1):
   $catId = $lev1->getId();

   
   if($lev1->isOnline()):
   
      $lev1Size = sizeof($lev1->getChildren());

      if ($lev1->getId() == $path1) {
         echo '<li>'.$lev1->getName();
      
      
      $lev1Size = sizeof($lev1->getChildren());
      if($lev1Size != "0"):
         echo '<ul class="nav2nd">';
         foreach ($lev1->getChildren() as $lev2):

            if ($lev2->isOnline()):
               if ($lev2->getId() == $path2) {
                  echo '<li class="active">'.$lev2->getName().'</li>';
               }
               else {
                  echo '<li><a href="'.$lev2->getUrl().'">'.$lev2->getName().'</a></li>';
               }
            endif;
         endforeach;
         echo '</ul>';
      endif;
      

      echo '</li>';      
   endif;
endforeach;
echo '</ul>';

?>

Das ist der Code ohne LInk der ersten Ebene.

CSS:
/* Angaben für die erste Ebene */
ul.nav1st li {}


/* Angaben für die Links der zweiten Ebene */
ul.nav1st li ul li a {}


Was ist bei dir die "Titelleiste". Das Zitat + Bild oder meinst du hier die Überschrift "SOCOSU TRAINING & SUPPORT"?

Das Zitat als Description und das Bild als Metafile unter Metadaten/Sonstiges hinterlegen. Wenns die Überschrift ist, dann den Artikelnamen verändern und mit $this->getValue(name) den Namen auslesen.

Thomas

[graphitto]

Ok, nochmal schnell hinterher.

Die Titelleiste ist das Zitat+Bild oberhalb des content-Bereiches., d.h. keine content-Bestandteil, sondern eine eigene Ebene. Ich kann in diesem Bereich doch nicht mit Artikeln arbeiten, oder?

Gruß Ralf
[/b]

[graphitto]

Guten Morgen,

nach ein paar Mützen Schlaf sehen eure Code-Schnipsel schon viel freundlicher aus.

Die Geschichte mit der Titelleiste hab ich inzwischen begriffen. Ich mußte mich nur vom Begriff der Seite verabschieden und in Artikeln denken, dann klappt das auch.

Bis später

[graphitto]

OK, hab das jetzt mit Navi getestet und dabei festgestellt, daß ich mich nicht klar genug geäußert habe. Ich meine folgendes:
Eine Kategorie, die Unterkategorien hat, soll nicht verlinkt sein, normale Kategorien ohne Unterkat. sollen auch ganz normal angeklickt werden können.
Ein beispiel findet ihr hier: http://www.socosu.de/neu/

Es müßte m.E. in die Navi noch eine Schleife rein, die abfragt, ob eine Kategorie Unterpunkte hat oder nicht. Hat sie Unterkategorien, dann soll die Haupt-Kategorie nicht verlinkt sein. Wenn ich mir beim PHP-Coden sicher genug wäre, würde ich das jetzt schnell schreiben.

So und jetzt schau ich mir die Titelleiste genauer an.

Gruß

[Thomas.Blum]

Hej

Code: Alles auswählen

<?php

$PATH = explode("|",$this->getValue("path").$this->getValue("article_id")."|");
$path1 = $PATH[1];
$path2 = $PATH[2];
$path3 = $PATH[3];

echo '<ul class="nav1st">';
foreach (OOCategory::getRootCategories() as $lev1):
	$catId = $lev1->getId();
 

	if($lev1->isOnline()):
   
		$lev1Size = sizeof($lev1->getChildren());
		
 		if ($lev1Size == 0) {
			if ($lev1->getId() == $path1) {
				echo '<li class="active">'.$lev1->getName();
			}
			else {
				echo '<li><a href="'.$lev1->getUrl().'">'.$lev1->getName().'</a>';
			}
		}
		else echo '<li>'.$lev1->getName();
     
     
		if($lev1Size != "0"):
			echo '<ul class="nav2nd">';
			foreach ($lev1->getChildren() as $lev2):

			if ($lev2->isOnline()):
				if ($lev2->getId() == $path2) {
					echo '<li class="active">'.$lev2->getName().'</li>';
				}
                else {
                    echo '<li><a href="'.$lev2->getUrl().'">'.$lev2->getName().'</a></li>';
                }
            endif;
         endforeach;
         echo '</ul>';
      endif;
     

      echo '</li>';     
   endif;
endforeach;
echo '</ul>';

?>

Thomas

[graphitto]

Hallo Thomas,

sehr herzlichen Dank für den Code. Er funktioniert genauso, wie ich es haben will. Jetzt muß ich nur noch den Stylesheet entsprechend setzen.

Die Titelleiste klappt inzwischen per Metadaten auch hervorrragend.

Und die blätterbare Artikelliste schau ich mir dann auch noch an.

Schönen Gruß aus Mainz

Ralf

[Thomas.Blum]

sehr herzlichen Dank für den Code.

DaNichtFür

[graphitto]

DaNichtFür

Wofür dann?

gruß

[Thomas.Blum]

Wofür dann?

Donate Redaxo - Kleines unterstützt Großes

[graphitto]

Ah ja. Werd ich machen.

Gruß