In Magento gibt es zwar die Breadcrumb Navigation und die einzelnen Navigationelemente sind anklickbar, aber das Auge des Betrachters geht in den meisten Fällen einen anderen Weg. Zu guter Letzt hat man die Produktbeschreibung gelesen, Zubehör betrachtet, etc. und die Breadcrumb Navigation ist längst durch das Scrollen verschwunden. Die Folge – ein Zurück-Button muss her!

Zur Umsetzung zeige ich hier zwei verschiedene Ansätze. Einmal mit Javascript unter Verwendung der Browser-History, bei der zweiten Varainte wird die Artikelgruppe des Produktes ausgelesen.

backbutton_screen

Umsetzung:

Für beide Varianten müssen wir die Datei app/design/[Ihr Interface]/[Ihr Theme]/catalog/product/view.phtml bearbeiten. Der Code der folgenden Varianten kann an der von Ihnen gewünschten Stelle Platziert werden. Ich mache dies am Ende der Datei. Formatiert wird das ganze via CSS.

Formatierung per CSS: skin/frontend/[Ihr Interface]/[Ihr Theme]/css/boxes.css

/* Back Button */
.product-back {
  text-align: right;
  padding: 8px 24px 10px 0;
}

Fügen Sie die Zeilen ans Ende der Datei.



Variante 1: app/design/[Ihr Interface]/[Ihr Theme]/catalog/product/view.phtml

    <div class="product-back">
        <a href="javascript:history.back()" class="form-button-alt" ><?php echo $this->__('Back') ?></a>
    </div>

Variante 2: app/design/[Ihr Interface]/[Ihr Theme]/catalog/product/view.phtml

    <?php if ($_category = $_product->getCategory()): ?>
    <div class="product-back">
        <a href="<?php echo $_category->getUrl(); ?>" class="form-button-alt" ><?php echo $this->__('Back') ?></a>
    </div>
    <?php endif;?>



Viele Grüße
Johannes Teitge