Warning: Call-time pass-by-reference has been deprecated in /srv/www/vhosts/shopleiter.eu/httpdocs/mediawiki/extensions/Autolink/AutoLink.php on line 94 Notice: Undefined variable: desc in /srv/www/vhosts/shopleiter.eu/httpdocs/mediawiki/extensions/Description/Description.php on line 63 Produktinformation – ShopleiterWiki
Cloud Commerce Conference in Augsburg

Produktinformation

Aus ShopleiterWiki

Wechseln zu: Navigation, Suche

2.2.5 Produktinformationen

1. Mengeneinheit und Grundpreis

Backend: „Katalog › Produkte verwalten“ (Catalog › Manage Products)

Um bei Ihren Produkten den Grundpreis laut Preisangabenverordnung (PAngV) anzuzeigen, sind mehrere Schritte erforderlich. Die detaillierte Beschreibung und Vorgehensweise haben wir Ihnen schon weiter oben erläutert, bei den Anpassungen Ihres Shops an die deutschen Vorgaben. Zuerst konfigurieren Sie die Grundpreiseinheit des Artikels, meist 1 kg oder 1 l. Als Zweites legen Sie die Verpackungseinheit (VPE) fest, in der Sie den Artikel im Shop anbieten. Die Mengen- bzw. Verpackungseinheit, wie Stück oder Liter, bearbeiten Sie auf der Produktseite Allgemein. Dort geben Sie dem Artikel einen entsprechenden Faktor, der vergleichbar ist mit dem Faktor in anderen Shop-Systemen.

Abb. 2.13: Auswahl, Anzeige und Faktor der Mengeneinheit

Wir wollen mit einem Beispiel die Funktion des Faktors verdeutlichen. Ihr Produkt wird in einer Menge von 2 Litern angeboten. Um den Grundpreis für 1 Liter automatisch errechnen zu lassen, müssen Sie für den Wert einfach den Dividend angeben, d.h., Wert = 2. Wird Ihr Produkt in einer Menge von 500 g angeboten, tragen Sie als Multiplikator den Wert 0.5 ein. Haben Sie nur die Verpackungseinheit Stück in Ihrem Shop vertreten, brauchen Sie bei Ihren Produkten nichts einzutragen.

2. Kategorie, Artikel, Bild und Hersteller

Backend: „Katalog › Kategorien verwalten“ (Catalog › Manage Categories) bzw. „Katalog › Produkte verwalten“ (Catalog › Manage Products)

Kategorien legen Sie an, indem Sie im Admin-Bereich unter „Katalog › Kategorien verwalten“ auswählen. Es können beliebig viele Kategorien angelegt werden. Eine Ebene höher finden Sie die Möglichkeit, neue Produkte anzulegen bzw. bestehende Artikel zu verwalten, bei „Katalog › Produkte verwalten“.

Jede aktive Kategorie entspricht einem Punkt in der Navigation Ihres Online-Shops. Um eine neue Kategorie in einem bestehenden Kategoriebaum anzulegen, erledigen Sie folgende Schritte:

  1. Wählen Sie im Kategoriebaum die übergeordnete Kategorie aus!
  2. Erstellen Sie eine Kategorie per Klick auf „Unterkategorie erstellen“!
  3. Erzeugen Sie pro Kategorie einen Namen und eine Kurzbeschreibung!
  4. Binden Sie bei Bedarf ein passendes Kategoriebild ein!
  5. Fügen Sie Meta-Daten (Seitentitel, Keywords und Description) ein!
  6. Wählen Sie CMS-Block und Anzeigemodi (Display Mode) aus!
  7. Aktivieren Sie den Kategoriezweig im Frontend mit „Is Active“!
  8. Ein- oder Ausblenden der Layered Navigation mit „Is Anchor“!
  9. Setzen des relativen Pfades als seo-freundlicher URL-Schlüssel!

Im ersten Schritt suchen Sie im Kategorienbaum in der linken Spalte die Platzierung aus, wo Sie die neu anzulegende Kategorie hinzufügen möchten. Im Anschluss daran klicken Sie auf den orange-farbenen Button „Unterkategorie hinzufügen“ (Add Subcategory). Dann öffnet sich im rechten Fensterbereich der Eingabebereich für die Kategorie. Für Produktgruppen auf der obersten Navigationsebene wählen Sie „Root-Kategorie hinzufügen“ (Add Root Category). Mehrere Root-Kategorien sind jedoch nur dann sinnvoll, wenn Sie in unterschiedlichen Stores verschiedene Kategoriestrukturen einsetzen möchten. Benötigen Sie keine Multiple-Stores, so sind Root-Kategorien für den Aufbau der Kategoriestruktur unnötig. Es ist übrigens kein Problem im Kategoriebaum falsch angelegte Kategorien noch im Nachhinein zu verschieben.

Zum erstmaligen Erstellen einer Shop-Struktur genügt es, das einzige Pflichtfeld „Name“ auszufüllen. Der Beschreibungstext (Description) dient lediglich zur internen Information und wird nirgendwo im Frontend-Bereich eingeblendet. Die weitere Editierung sämtlicher Kategorien lässt sich später nachholen. Ganz bequem gelöst ist das Verschieben von Kategorien, was Sie mit Drag & Drop erledigen.

Abb. 2.14: Neue Root- oder Unterkategorie hinzufügen

Besucht ein potenzieller Kunde Ihren Shop und öffnet mehrere Kategorieebenen, so erscheinen Name bzw. URL-Schlüssel unterhalb der Navigation als Breadcrumb. Klickt sich ein Shop-Besucher durch die Hauptnavigation zu „Electronics › Cameras“ und öffnet dort „Digital Cameras“, so erscheint die in Abbildung 2.15 dargestellte Breadcrumb. Eine solche Navigationshilfe verbessert die Gebrauchstauglichkeit (Usability) und stärkt zudem die interne Seiten-Verlinkung.

Abb. 2.15: Breadcrumb mit Kategorie-Namen

Bei Bedarf binden Sie ein passendes Kategoriebild ein. Abhängig vom Shop-Layout erscheint dieses üblicherweise zwischen der Kategorie-Überschrift und dem Content- bzw. Artikelbereich. Öffnen Sie im Beispiel-Shop die Unterkategorie „Apparel › Shirts“, dann sehen Sie das zugehörige Kategoriebild „All Shirts 20 % off“ der Produktgruppe Shirts.

Abb. 2.16: Kategoriebild erscheint oberhalb

Einzelne Produktbilder laden Sie hoch über die beiden Buttons rechts beim Menüpunkt „Produktinformationen › Images“ (Product Information › Images). Zuerst mit „Dateien durchsuchen” (Browse Files) die einzelnen Bilder auf der Festplatte auswählen und dann mit einem Klick auf „Dateien hochladen“ (Upload Bilder) alle gemeinsam hochladen.

Dieses Vorgehen eignet sich nur bei wenigen Produktbildern, aber natürlich nicht, wenn Sie gleichzeitig sehr viele Bilder in einem Satz hochladen. Dafür gibt es den Ordner /media/import/. In diesen Ordner kopieren Sie Ihre Originalbilder im GIF-, JPG- oder PNG-Format. Für den Import von Artikeln und Bildern öffnen Sie das Profil Import All Products über „System › Import/Export › Profile“ (System › Import/Export › Profiles). Viel einfacher ist es, wenn Ihre Excel-Version den XML-Standard unterstützt. So lassen sich die Import- und Export-Dateien als XML-Datei (Datenformat vom Typ „Microsoft Excel XML“) abspeichern und bequem direkt per Mausklick öffnen.

In der Spalte „image“ der XML- bzw. CSV-Datei notieren Sie den Bildernamen mit einem führenden Slash, bspw.: /tutorial-magento.png. Das System holt sich das Originalbild ab und speichert eine Kopie in der Magento-eigenen Ordnerstruktur. Das Bild erscheint dann, abhängig von den ersten beiden Buchstaben, im jeweiligen Ordner. Das Bild tutorial-magento.png erscheint dann im Unterverzeichnis /media/catalog/product/t/u/. Um die kleineren Bilder oder Thumbnails brauchen Sie sich nicht zu kümmern, dass erledigt Magento von selber. Die Produkt-Vorschaubilder finden Sie lediglich im Cache-Ordner /media/catalog/product/cache/.

Abb. 2.17: Erfolgreicher XML-Export von Produktdaten

Bevor Sie im Frontend ein Produktbild sehen, müssen Sie dem Artikel das Bild erst zuweisen. Achten Sie darauf, dass Sie jede Bildinformation (Image information) und jeden Bildtyp (Image type) separat für alle StoreViews hinterlegen. Die Zuweisung der Bilder aktivieren Sie, indem Sie die Radio-Buttons einschalten unter base image, small image und Thumbnail.

Die Größe der Produktbilder steuern Sie mit der Funktion resize über das Template. Verwenden Sie am besten Produktbilder die größer als 500 x 500 Pixel sind, um die Größen-Anpassung kümmert sich das System selbst. Im Standard-Template steht die Bildgröße in verschiedenen Dateien des Ordners /app/design/frontend/default/default/template/catalog/product/ und dort z. B. in list.phtml (Produktlisting) bzw. /view/media.phtml (Detailansicht und Gallerie). Suchen Sie in den Dateien nach den in Listing 2.13 dargestellten Quellcode.

// ../list.phtml (Produktlisting): Zeile 51 und 98
init($_product, 'small_image')->resize(135, 135)
// ../view/media.phtml (Detailansicht / Gallerie): Zeile 62 und 72
init($_product, 'image')->resize(265)
init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(56)
// ../list/related.phtml (Verwandte Artikel): Zeile 47
init($_item, 'thumbnail')->resize(50)
// ../list/upsell.phtml (Verwandte Artikel): Zeile 38
init($_link, 'small_image')->resize(125)
// ../compare/list.phtml (Produktvergleichsliste): Zeile 56 und 86
init($_item, 'small_image')->resize(125, 125)

Listing 2.13:Größe der Produktbilder mit resize anpassen

Bei „Katalog › Attribute › Attribute verwalten“ (Catalog › Attributes › Manage Attributes) suchen Sie nach dem Attributcode manufacturer (Hersteller). Unter „Bezeichnungen/Optionen verwalten“ (Manage Label / Options) legen Sie neue Hersteller als Attribute an. Im Ordner /app/design/frontend/default/default/template/catalog/product/ ändern Sie die Datei view.phtml.

<?php if($_product->getAttributeText('manufacturer')): ?>
  <?php echo "<b>".$this->__('Manufacturer').":</b> "; ?>
  <?php echo $_product->getAttributeText('manufacturer'); ?>
<?php endif; ?>

Listing 2.14: Herstellername auf Artikelseite anzeigen

Persönliche Werkzeuge