Einer der häufigsten Kritikpunkte an Magento und den Meisten Magento Templates sind die Buttons. Diese sind nämlich sehr häufig nur mit eingeschaltetem Javascript nutzbar. Meistens hat das keine komplexen Gründe, sondern wurde des einfachen Änderns wegen so umgesetzt.
Nehmen wir ein Beispiel. Öffnet die Datei /app/design/frontend/default/default/template/catalog/product/list.phtml
In Zeile 64 finden wir folgenden Code-Schnipsel:
<button class="form-button" onclick="setLocation('<?php echo $this->getAddToCartUrl($_product) ?>')"><span>__('Add to Cart') ?></span></button>
Wie man sieht, wird das Element <button> eingesetzt. Es handelt sich dabei um ein flexibleres Element als ein
, hat aber auch den Nachteil, dass man mit Javascript weiterhelfen muss, um das Formular abzusenden, bzw. die gewünschte Aktion zu tätigen.
Möchte man nun auf diese Javascript-Variante verzichten, reicht es, den Button in einen Link umzuwandeln.
<a href="<?php echo $this->getAddToCartUrl($_product) ?>">__('Add to Cart') ?>/lt;/a>
Per CSS kann man diesen Link nun wieder problemlos in einen Button verwandeln. Bei Formularen läuft das genauso ab. Man muss lediglich den <button> in ein
umwandeln, und mit entsprechenden Klasse stylen.
