Kategorien im Topmenu

[N2106]

Hallo liebe Leute!
Ich versuche die Kategorienbox anstatt links oder rechts direkt ins Topmenu zu verlegen… als pulldown Menu.
So dass es im Topmenu “Kategorien” steht und dann sich ein pulldown menu mit 5 Kategorien öffnet.
Ich habe in google einen Beitrag dazu gefunden, und dort gelesen, dass “gunnART Advanced Show Category” dafür geeignet sei. Das hat auch alles soweit super geklappt, allerdings steht auch drin ich muss ein Smarty-Tag in der index.html des Templates an die gewünschte Stelle packen, damit die Kategorienbox ins Topmenu wandert und das pulldown menu mit css gestalten.
Könntet ihr mir bitte behilflich sein, wie man ein Smarty-Tag erstellt, ich bekomme es einfach nicht hin.
So sieht im Moment meine index.html aus:

Code: PHP  [Auswählen]

<div id="topmenuwrap">
        <ul id="topmenu">
            <li><a href="{$index}">{#link_index#}</a></li>
                        <!--li><a href="{$box_CATEGORIES}"></a></li>//-->
            <li><a href="http://www.domain.de/products_new.php">Neuheiten</a></li>
            <li><a href="http://www.domain.de/specials.php">Angebote</a></li>
            <li><a href="http://www.domain.de/newsletter.php">Newsletter</a></li>
            <li><a href="http://www.domain.de/shop_content.php?coID=1">Lieferung & Versand</a></li>
            <li><a href="http://www.domain.de/shop_content.php?coID=7">Kontakt</a></li>
 

Wäre für jeden Tipp dankbar!
Nadja



Linkback: https://www.modified-shop.org/forum/index.php?topic=8043.0

[N2106]

blick's nicht wie man hier ein Link postet, ist gleich wenn man "Kategorien ins Topmenu" googelt.

[franky_n]

Hallo N2106,

das ist das Smarty Tag was Du benötigen sollst:

Code: PHP  [Auswählen]

{$box_CATEGORIES}

und das kannst Du dann einfach so da hin packen:

Code: PHP  [Auswählen]

<div id="topmenuwrap">
<ul id="topmenu">
<li><a href="{$index}">{#link_index#}</a></li>
<li>{$box_CATEGORIES}</li>
<li><a href="http://www.domain.de/products_new.php">Neuheiten</a></li>
<li><a href="http://www.domain.de/specials.php">Angebote</a></li>
<li><a href="http://www.domain.de/newsletter.php">Newsletter</a></li>
<li><a href="http://www.domain.de/shop_content.php?coID=1">Lieferung & Versand</a></li>
<li><a href="http://www.domain.de/shop_content.php?coID=7">Kontakt</a></li>

P.S.: Wenn Du den Link einfach rein kopierst macht das Forum dort automatisch einen Link zum anklicken für...

Viele Grüße
Franky

[N2106]

Hallo Franky,
super, vielen vieln Dank!
hat soweit geklappt, nun kämpfe ich mit der css, damit die Kategorien nach unten als Drop-Down menu aufklappen....
habe tausende von Beiträgen gelesen, aber es funktioniert noch nicht....
wenn Jemand eine Lösung dafür hat, wäre es toll, wenn man diese mit mir teilt, ich kämpfe mal weiter!
Gruss Nadja

[franky_n]

Hallo Nadja,

nicht ganz einfach aber hier gibt's so was: ANLEITUNG: Horizontal aufklappendes Kategorie-Menü

Viele Grüße

Franky

[N2106]

Hallo Franky,
  vielen Dank!

Es hat geklappt wie ich es wollte, ich probiere nur im Moment die Links (Startseite, Ketegorien, Neuheiten, Angebote, Newsletter etc - wie in der Standard Shop version) im Topmenu wieder horizontal anzuordnen, denn jetzt sind sie alle untereinander links im Topmenu angeordnet.
Habe die stylesheet.css von der Anleitung so umgeschrieben, aber es ist irgendwo noch ein Fehler drin:

Code: CSS  [Auswählen]

#topmenuwrap {
  background: #333 url(img/bg_topmenu.gif) repeat-x;
  height:36px;
}
ul#topmenu {
  width:980px;
  cursor:pointer;
  font-size:13pt;
  list-style:none;
  position:relative;
}
ul#topmenu ul {
  display:none;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:100%;
  width:170px;
}
ul#topmenu li:hover ul {
  display:block;
  z-index:100;
}

[N2106]

Moment, da ich in der index.html <li> für die Links benutze, müsste ich doch im stylesheet auch #topmenu li { reinbasteln oder? Also so in etwa:

Code: CSS  [Auswählen]

/* TOPMENU AS LIST */
#topmenuwrap {
  background: #333 url(img/bg_topmenu.gif) repeat-x;
  height:36px;
}
#topmenu li {
float:left;
padding: 0px 25px;
margin:0;
background: url(img/bg_topmenu_breakline.gif) no-repeat;
background-position:right;
}
ul#topmenu {
  width:980px;
  cursor:pointer;
  font-size:13pt;
  list-style:none;
  position:relative;
}
ul#topmenu ul {
  display:none;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:100%;
  width:170px;
}
ul#topmenu li:hover ul {
  display:block;
  z-index:100;

}