Layout-Hacks

andere Templates für Produktübersicht und -Detailansicht

in die Virtuemart-Konfiguration und dort auf den Reiter namens Seite gehen.
In Standard-Kategorie-Vorlage ist der Block, der in der Produktübersicht steht, auswählbar. Es gibt 5 Standard-Vorlagen, kann aber auch eine eigene eingetragen werden. Sie liegen unter $INSTALLATIONSVERZEICHNIS/administrator/components/com_virtuemart/html/templates/browse/
- Achtung: In Virtuemart 1.05 gibts nen [http://virtuemart.net/index.php?option=com_flyspray&do=details&id=767&&Itemid=91 Bug], durch den nur browse_1 genommen wird. Ist aber trivial zu [http://virtuemart.net/index.php?option=com_flyspray&do=details&id=767&&Itemid=91 fixen].
FLYPAGE ist die Detailansicht. Auch sie ist frei wählbar. Sie liegen unter $INSTALLATIONSVERZEICHNIS/administrator/components/com_virtuemart/html/templates/product_details/

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.