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/

Ü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.

In die Produktlisten Div classes einfügen

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.

Template anpassen Schritt-für-Schritt

Manufactor-Link entfernen

In der normalen Produktansicht taucht immer ein Manufactor-Link. Soll dieser ausgeblendet werden, muss die Datei $JOOMLAVERZEICHNIS/administrator/components/com_virtuemart/html/templates/product_details/flypage.php bearbeitet und die folgende Zeile auskommentiert oder gelöscht werden:

<tr>
  <td rowspan="1" colspan="2">{manufacturer_link}<br /></td>
</tr>

Lieferanteninformation entfernen

Wieder die Datei $JOOMLAVERZEICHNIS/administrator/components/com_virtuemart/html/templates/product_details/flypage.php bearbeiten und folgende Zeile entfernen:

<tr>
  <td colspan="3"><div style="text-align: center;">{vendor_link}<br /></div><br /></td>
</tr>

Bestellbutton in der Produktliste entfernen

In der Datei $JOOMLAVERZEICHNIS/administrator/components/com_virtuemart/html/templates/browse/browse_1.php folgende Zeilen entfernen:

<div style="float:left;width:30%;text-align:center">
  {form_addtocart}
</div>
<div style="float:left;width:30%;">
  {product_rating}
</div>