Joomla dynamische Modulpositionen

Aus revampedia

Anpassungen am Template

index.php

Um Modulpostitionen mittels eines ImageMaps einzufügen muss in der index.php des gewählten Templates innerhalb des <body>-Tags hinter den bereits vorhandenen Modulpostitionen folgender Code eingetragen werden:


<map name="imagemap1">
   <div id="imagemap_modul1">
     <jdoc:include type="modules" name="imagemap_modul1" />
   </div>
   <div id="imagemap_modul2">
     <jdoc:include type="modules" name="imagemap_modul2" />
   </div>
</map>

Dabei können beliebig viele Module hintereinander aufgelistet werden, wenn jedes Modul einen eigenen Namen bekommt.

Es ist auch möglich für mehrere Seiten unterschiedliche Image-Maps zu definieren. Dazu werden einfach noch weitere <map>-Tags angefügt, wobei jedes >map>-Tag einen eigenen Namen bekommen muss.

templateDetails.xml

Die Datei templateDetails.xml des verwendeten Templates in einem Texteditor bearbeiten:

Im Bereich <postitions> hinter den bestehenden Postitionen eine Zeile für jedes ImageMap und eine Zeile für jedes Modul einfügen:


<position>imagemap1</position>
<position>imagemap_modul1</position>
<position>imagemap_modul1</position>

template.css

In der Datei template.css (im Template meist innerhalb des Ordners css zu finden), können die Postitionen für Popup-Tooltips zu den einzelnen Modulen festgelegt werden über die Namen, die den <div> -Tags bei den jeweiligen Modulen gegeben wurden.

Also z.B. für das Module mit Namen "imagemap_modul1":
#imagemap_modul1 {
   position: absolute;
   width: 400px;
   height: 200px;
   left: 900px;
   top: 650px;
   background-color: white;
   z-index: 1;
   padding: 10px;
}

Module erstellen und bearbeiten