# CSS3 Menu für OXID 4.6

**URL:** <https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758>\
**Category:** Deutsches Forum\
**Tags:** templates-design\
**Created:** [June 10, 2012, 4:36pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758 "2012-06-10T16:36:57Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![MeisterYoda](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/m/5e9695/32.png) [@MeisterYoda](https://forum.oxid-esales.com/u/MeisterYoda)\
**Post date:** [December 19, 2012, 11:14am UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/21 "2012-12-19T11:14:24Z")

</div>

der 1. Screenshot sieht so aus, als ob CSS Anweisungen fehlen. Ich hab bei einem Kunden das gleiche Menü drin und beide haben ohne Probleme funktioniert (CE 4.6.5)

---

<div class="post-metadata">

**Author:** ![GPassin](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/g/4da419/32.png) [@GPassin](https://forum.oxid-esales.com/u/GPassin)\
**Post date:** [December 19, 2012, 11:48am UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/22 "2012-12-19T11:48:17Z")

</div>

Hallo MeisterYoda,

also ich habe nur die Datei in der header.tpl getauscht…

mfg

Gert

---

<div class="post-metadata">

**Author:** ![MeisterYoda](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/m/5e9695/32.png) [@MeisterYoda](https://forum.oxid-esales.com/u/MeisterYoda)\
**Post date:** [December 19, 2012, 12:09pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/23 "2012-12-19T12:09:31Z")

</div>

dann schau mal in die Datei BigMenu-CSS.txt dort sie die erforderlichen Klassen.

---

<div class="post-metadata">

**Author:** ![GPassin](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/g/4da419/32.png) [@GPassin](https://forum.oxid-esales.com/u/GPassin)\
**Post date:** [December 19, 2012, 1:30pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/24 "2012-12-19T13:30:17Z")

</div>

Hallo MeisterYoda,

ehe wir uns im Kreis drehen - natürlich sind die Stylesheets in die oxid.css übertragen wurden. Ich habe sie auch schon testeweise vorn und hinten eingefügt.  
Und wie gesagt, das Css3BasicMenu.tpl funktioniertja …

mfg

Gert

---

<div class="post-metadata">

**Author:** ![MeisterYoda](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/m/5e9695/32.png) [@MeisterYoda](https://forum.oxid-esales.com/u/MeisterYoda)\
**Post date:** [December 19, 2012, 1:47pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/25 "2012-12-19T13:47:30Z")

</div>

das Big funktioniert auch, es ist eben nur unformatiert 🙂  
wie ist den der Link zum Shop, dann ist das einfacher.  
So kann man nur raten. TMP geleert? CSS wirklich übertragen? werden die Menülinks von anderen Klassen überschrieben?

---

<div class="post-metadata">

**Author:** ![GPassin](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/g/4da419/32.png) [@GPassin](https://forum.oxid-esales.com/u/GPassin)\
**Post date:** [December 19, 2012, 2:17pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/26 "2012-12-19T14:17:29Z")

</div>

Hallo MeisterYoda,

also ich habe jetzt eine originale 4.6.5, die ich für einen anderen Beitrag brauchte, online. Alles original. Das Ergebnist ist das Gleiche.

Hier habe ich das Menü installiert, die Stylessheets in der oxid.css am Schluss.

Link: gertpassin-punkt-de / 465

PS: Ich arbeite lange genug mit Oxid, da gehört tmp und Chache löschen zu Routine. Zur Sicherheit habe ich dann auch nocChrom, IE und Opera…  
Aber manchmal sieht man den Wald vor Bäumen nicht…

mfg

Gert

---

<div class="post-metadata">

**Author:** ![MeisterYoda](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/m/5e9695/32.png) [@MeisterYoda](https://forum.oxid-esales.com/u/MeisterYoda)\
**Post date:** [December 19, 2012, 2:24pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/27 "2012-12-19T14:24:43Z")

</div>

das css wird definitv nicht gefunden Grund ist wohl, dass im Quelltext die Klassen alle mit Css3Menu referenziert werden in Deiner CSS aber OXCss3Menu benannt sind. Deshalb greifen auch nur die Standard-Styles der oxid.css

---

<div class="post-metadata">

**Author:** ![MeisterYoda](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/m/5e9695/32.png) [@MeisterYoda](https://forum.oxid-esales.com/u/MeisterYoda)\
**Post date:** [December 19, 2012, 2:28pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/28 "2012-12-19T14:28:25Z")

</div>

hier noch ein Screenshot für Dich.

---

<div class="post-metadata">

**Author:** ![GPassin](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/g/4da419/32.png) [@GPassin](https://forum.oxid-esales.com/u/GPassin)\
**Post date:** [December 19, 2012, 3:26pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/29 "2012-12-19T15:26:06Z")

</div>

Hallo MeisterYoda,[QUOTE=MeisterYoda;111791]das css wird definitv nicht gefunden Grund ist wohl, dass im Quelltext die Klassen alle mit Css3Menu referenziert werden in Deiner CSS aber OXCss3Menu benannt sind. Deshalb greifen auch nur die Standard-Styles der oxid.css[/QUOTE]jetzt habe ich meinen Fehler gefunden…  
Ich hatte übersehen, dass es 2 CSS-Dateien gibt…

mfg

Gert

---

<div class="post-metadata">

**Author:** ![Christoph0](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/c/f05b48/32.png) [@Christoph0](https://forum.oxid-esales.com/u/Christoph0)\
**Post date:** [December 29, 2012, 2:06pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/30 "2012-12-29T14:06:27Z")

</div>

So, hab mein Problem jetzt selbst gelöst.

Das Basic-Menü wurde so erweitert, dass immer erst prüft wird ob weitere Unterkategorien (mehr als 2 Level) vorhanden sind. Wenn nein, dann wird die Ausgabe wie gewohnt durchgeführt. Wenn allerdings Unterkategorien vorhanden sind, dann wird ein Spalten-Dropdown erzeugt mit den nächsten zwei Kategoriestufen.

Bei uns im Shop ist es schon im Einsatz: [www.sonnenblumen-werkstatt.de](http://www.sonnenblumen-werkstatt.de)

Für eine Adaptierung findet Ihr im Anhang die Dateien.

In der Header.tpl ist zu ergänzen:  
[{include file=“widget/header/Css3SBWMenu.tpl”}]

Und die Datei Css3SBWMenu.tpl kommt in das Verzeichnis widget/header.

Zudem noch die Oxid.Css ergänzen mit dem Basic-Css von Markus und dann noch unten das zusätzliche Css anfügen aus der Datei AddOn.css.

Grüße  
Christoph

---

<div class="post-metadata">

**Author:** ![markus26](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/m/dfb087/32.png) [@markus26](https://forum.oxid-esales.com/u/markus26)\
**Post date:** [December 29, 2012, 7:14pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/31 "2012-12-29T19:14:15Z")

</div>

Hallo Christoph,

Auch eine schöne verbesserung/ Vorschalg/ Erweiterung. Danke für die mitteilung!

Grüße

---

<div class="post-metadata">

**Author:** ![windes](https://forum.oxid-esales.com/user_avatar/forum.oxid-esales.com/windes/32/117_2.png) [@windes](https://forum.oxid-esales.com/u/windes)\
**Post date:** [January 3, 2013, 4:11pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/32 "2013-01-03T16:11:40Z")

</div>

Hallo,

vielen Dank für das Css3 Menü! Ich habe es nach Anleitung installiert, dies hat auch geklappt. Nur wurde nie die Startseite angezeigt.

Im Quelltext war sie aber vorhanden.

Nach einigem suchen bin ich dann fündig geworden.

```auto

<ul id="Css3Menu">
    <li [{if $homeSelected == 'true' }]class="current"[{/if}]><a [{if $homeSelected == 'true'}]class="current"[{/if}] href="[{$oViewConf->getHomeLink()}]">[{oxmultilang ident="TOP_CATEGORIES_HOME"}]</a>[B][U]</li>[/U][/B]

    [{assign var="iAllCatCount" value=$oxcmp_categories|count }]
    [{if $iAllCatCount > $oView->getTopNavigationCatCnt() }]
        [{assign var="bHasMore" value="true"}]
        [{assign var="iCatCnt" value="1"}]
    [{else}]
        [{assign var="bHasMore" value="false"}]
        [{assign var="iCatCnt" value="0"}]
    [{/if}]
        [{foreach from=$oxcmp_categories item=ocat key=catkey name=root}]
        [{if $ocat->getIsVisible() }]
        <div class="dropdown_3columns">
                [{oxifcontent ident="oxstartwelcome" object="oCont"}]
                [{$oCont->oxcontents__oxcontent->value}]
                [{/oxifcontent}]
        </div>

    </li>

```

In der Datei categorylist.tpl in Zeile 7 ist der schließende li tag zu viel!!!

Bitte mal in der Download Datei abändern!

Viele Grüße  
Steffen Winde

---

<div class="post-metadata">

**Author:** ![markus26](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/m/dfb087/32.png) [@markus26](https://forum.oxid-esales.com/u/markus26)\
**Post date:** [January 3, 2013, 6:47pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/33 "2013-01-03T18:47:34Z")

</div>

Hallo Steffen,  
Vielen Dank für Deine Aufmerksamkeit.

Ich habe gerade Menü angepasst und Fehler behoben.

Grüße

---

<div class="post-metadata">

**Author:** ![windes](https://forum.oxid-esales.com/user_avatar/forum.oxid-esales.com/windes/32/117_2.png) [@windes](https://forum.oxid-esales.com/u/windes)\
**Post date:** [January 4, 2013, 12:14pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/34 "2013-01-04T12:14:43Z")

</div>

Hallo!

Danke für die schnelle Bearbeitung! Wenn Du gerade beim Fehler beheben bist!

In der Installationsanleitung (Version 4.7) sind ein paar falsche Pfade drin.

```auto

application/views/azure/azure/tpl/widget/header/categorylist.tpl
application/views/azure/azure/de/cust_lang.php
application/views/azure/azure/en/cust_lang.php

```

Bitte ändern in:

```auto

application/views/azure/tpl/widget/header/categorylist.tpl
application/views/azure/de/cust_lang.php
application/views/azure/en/cust_lang.php

```

Danke für deine Arbeit!

---

<div class="post-metadata">

**Author:** ![markus26](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/m/dfb087/32.png) [@markus26](https://forum.oxid-esales.com/u/markus26)\
**Post date:** [January 4, 2013, 5:46pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/35 "2013-01-04T17:46:00Z")

</div>

Hallo,

ich habe Installationsanleitung gerade angepasst und veröffentlicht. Vielen Dank!

Außerdem habe ich im Shop ([oxid-design.com](http://www.oxid-design.com)) bei Gratis Artikel und Tools “In den Warenkorb” button und Preisanzeige Deaktiviert.

Grüße

---

<div class="post-metadata">

**Author:** ![mrexecutive](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/m/97f17d/32.png) [@mrexecutive](https://forum.oxid-esales.com/u/mrexecutive)\
**Post date:** [January 17, 2013, 7:12pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/36 "2013-01-17T19:12:00Z")

</div>

Hallo,

Das CSS Menü ist echt super.

Hab jetzt noch ein paar Fragen dazu:

- wo kann ich die Farbe der einzelnen “Tabs” einsellen (beim Azure Theme sind die ja Orange - hätte da gerne was in leichtem grau)

- bei mir zeigt das System immer bei Alle Kategorien ganz links die komplette Auflistung der Hauptkategorien mit der Überschrift “All Categories” und dann rechts das gleiche nochmal mit den Haupt und Unterkategorien - wie bekomme ich die Linke Anzeige weg? (Siehe Screenshot) - eigentlich bräuchte ich hier nur einen Tab mit “Produkte” mit der kompletten Ansicht von Haupt- und Unterkategorien (so wie jetzt unter dem Punkt: Kategorien)

Danke euch!

Lg

---

<div class="post-metadata">

**Author:** ![markus26](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/m/dfb087/32.png) [@markus26](https://forum.oxid-esales.com/u/markus26)\
**Post date:** [January 17, 2013, 7:16pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/37 "2013-01-17T19:16:46Z")

</div>

Hallo,  
ich mache heute Abend einen Update und lade das Menu erneut hoch. Neu ist ein Hersteller Menu. Auch einige Bugs habe ich inzwischen behoben. Wird etwa so aussehen wie hier:

[CSS3Menu NEU](http://coraline.oxid-design.com)

Du kannst ab Morgen früh [bei uns im Shop](http://www.oxid-design.com) direkt und Kostenlos Downloaden oder übermorgen hier bei Exchange als Neue Version.

Grüße

---

<div class="post-metadata">

**Author:** ![MichaelRDD](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/m/5f9b8f/32.png) [@MichaelRDD](https://forum.oxid-esales.com/u/MichaelRDD)\
**Post date:** [March 20, 2013, 2:51pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/38 "2013-03-20T14:51:21Z")

</div>

Hallo Oxid-Gemeinde,

bin schon länger auf der Such nach so einem Menü. Ist das Menü auch unter CE 4.4.8 lauffähig?

Gruss

---

<div class="post-metadata">

**Author:** ![markus26](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/m/dfb087/32.png) [@markus26](https://forum.oxid-esales.com/u/markus26)\
**Post date:** [March 20, 2013, 3:20pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/39 "2013-03-20T15:20:42Z")

</div>

Hallo Michael,  
mit ein wenig Anpassung sollte es schon funktionieren.

Grüße

---

<div class="post-metadata">

**Author:** ![avnikaba](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/a/ed655f/32.png) [@avnikaba](https://forum.oxid-esales.com/u/avnikaba)\
**Post date:** [August 6, 2013, 9:19pm UTC](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758/40 "2013-08-06T21:19:24Z")

</div>

Hallo Markus26,

Kannst du mir bitte das CSS3 Menu mit dem Hersteller Menu senden bzw. hochladen, damit ich es downloaden kann.

Vielen Dank.

Beste Grüsse  
Avni

[Previous page](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758.md?page=1)

[Next page](https://forum.oxid-esales.com/t/css3-menu-fur-oxid-4-6/57758.md?page=3)