Layout-Hacks

Überschneidung Bestellknopf und Bewertung

Ich hatte das Problem, dass sich mit einer bestimmten Joomla-Template (dd_olive) und aktiviertem rechten und linken Nav-Balken in einer Produktliste die Elemente Bestellknopf und Produktbewertung überlagerten.
Lösung:
- öffnen der Datei $INSTALLATIONSVERZEICHNIS/administrator/components/com_virtuemart/html/templates/browse/browse_1.php
- dort gibts die Formatierung für einen Produkteintrag. Erstes Div (width=100%)ist das komplette Produkt. Zweites Div (width=20%) ist das Bild. Danach kommen drei Divs mit width=30%. Das mittlere ist der Bestellknopf.
- dort width auf 35% setzen. Das hats für mich gebracht.

Die einzelnen Produkte in einer Produktliste haben von Hause aus leider noch keine eigene Div Class, um sie schön zu formatieren. Wenn die also bestimmtes Layout verpasst bekommen sollen, dann tue folgendes:
öffne die $INSTALLATIONSVERZEICHNIS/administrator/components/com_virtuemart/html/shop.browse.php
finde den Text unter Vorher und änder ihn so, dass er aussieht wie unter Nachher.
Vorher:
```
                echo $product_cell;
```

Nachher:

                echo "<div class=\"product_cell\">";
                echo $product_cell;
                echo "</div>";

Jetzt kannst du in der CSS-Datei deiner Joomla Template z.B. mit

.product_cell h2{
        background-color: #ddd;
        border:solid 1px #cccccc;
}

die Überschriften grau hinterlegen.