Blog

Einbindung des “Pronto”-Konfigurators in einen neuen Shop

Voraussetzung:

Der Konfigurator wird schon auf der Installation verwendet. Ansonsten muss eine komplette Neuinstallation des Konfigurators durchgeführt werden.

Nötige Schritte zur Durchführung:

  1. Kopieren der folgenden Dateien in das neue Template:
    • app/design/frontend/default/seltmann/template/catalog/product/mycollection.phtml
    • app/design/frontend/default/seltmann/template/catalog/product/mycollection/edit/product-detail.phtml
    • app/design/frontend/default/seltmann/template/catalog/product/mycollection/edit/product-edit.phtml
    • skin/frontend/default/seltmann/css/mycollection.css
    • skin/frontend/default/seltmann/images/mycollection/*
    • skin/frontend/default/seltmann/images/slider.png
    • skin/frontend/default/seltmann/images/ajax-loader.gif
    • skin/frontend/default/seltmann/images/slider_bg.png
    • skin/frontend/default/seltmann/js/jquery.js (falls nocht nicht vorhanden)
    • skin/frontend/default/seltmann/js/jquery.mousewheel.js (falls nocht nicht vorhanden)
    • skin/frontend/default/seltmann/js/jquery.scrollTo-min.js (falls nocht nicht vorhanden)
    • skin/frontend/default/seltmann/js/jquery_ui.js (falls nocht nicht vorhanden)
    • skin/frontend/default/seltmann/js/jscrollpane.min.js (falls nocht nicht vorhanden)
    • skin/frontend/default/seltmann/js/mycollection.js (falls nocht nicht vorhanden)
    • skin/frontend/default/seltmann/js/product.js (falls nocht nicht vorhanden)
  2. Für jede Farbe muss ein kleines Thumbnail (28 x 28px) erstellt und in den Order images/mycollection/edit/colors gelegt werden
  3. In der Hauptkategorie für den Konfigurator (zum Beisiel Trio) wird eine neue Kategoie (z.b. “Meine eigene Trio Kollektion”) erstellt.
  4. Diese wird wie folgt Konfiguriert:
    • Anzeige Einstellungen: Nur statischen Block
    • Eigene Gestaltung: Page Layout: 1 Spaltig
    • Eigene Gestaltung: Custom Layout update (je nach dem welche Files noch nicht vorhanden sind): 
      • <reference name="content">
    <block type="catalog/product_list" name="product_list" template="catalog/product/mycollection.phtml">
        <block type="catalog/product_view_media" name="product.info.media" as="media" template="catalog/product/view/media.phtml" />
    </block>
</reference>
<reference name="head">
    <action method="addItem"><type>skin_js</type><name>js/jquery.mousewheel.js</name></action>
    <action method="addItem"><type>skin_js</type><name>js/jquery.js</name></action>
    <action method="addItem"><type>skin_js</type><name>js/jscrollpane.min.js</name></action>
    <action method="addItem"><type>skin_js</type><name>js/jquery.scrollTo-min.js</name></action>
    <action method="addItem"><type>skin_js</type><name>js/jquery_ui.js</name></action>
    <action method="addItem"><type>skin_js</type><name>js/product.js</name></action>
    <action method="addItem"><type>skin_js</type><name>js/mycollection.js</name></action>
    <action method="addItem"><type>skin_css</type><name>css/mycollection.css</name></action>
</reference>
  5. Diese Kategorie erhält eine Unterkategorie zum Beispiel “Basisartikel”. In dieser Kategorie werden alle Produkte gelegt, die später im Konfigurator angezeigt werden sollen. Typischerweise ist das die Kategorie “weiß”. Die Reihenfolge, die hier festgelegt wird, wird auch später im Konfigurator eingehalten.
    • Sollten die ersten Zeichen der Artikelnummern nicht die Form der Artikel wiederspiegeln, so kann zu jedem Artikel eine Formnumer hinterlegt werden. Diese muss in das Attribut “product_type_number” in jedem Produkt eingetragen werden. Über diese Nummer wird die Zuordnung der einzelnen Produkte zueinander gefunden. Die Farbzuordnung erfolgt über die Kategor, in der die Produkte eingepflegt sind.
  6. In den Dateien “scripts/mycollection/addToCart.php”, “scripts/mycollection/update.php” und “scripts/mycollection/edit/updateProduct.php” müssen folgende Änderungen gemacht werden:
    • Es muss für die KategorieID der Kategorie “Meine eigene Trio Kollektion” die ID der Auswahl des StoreViews hinzugefügt werden Beispiel: 
      if(($_GET['category_id'] == 805) || ($_POST['category_id'] == 805)){
    $app = Mage::app('default');
}
    • Sollte die Zuordnung der Produkte zueinander über die Artikelnummer gehen, so muss die Variable “sku_product_length” angepasst werden. Hier wird die Länge des Teils der Artikelnummer eingetragen, die die Artikelform spezifiziert. (Beispiel: SKU = ASDFGH1234. Sollte hier die Buchstabenkombination den Artikel beschreiben und die Zahlenkombination die Farbe, so muss sku_product_length auf 6 gesetzt werden)
    • Wichtig: Die Zuordnung der Artikel über die Artikelnummer funktioniert nur, wenn der Teil der Artikelnummer, der den Artikeltyp bezeichnet, am Anfang steht.
  7. Jede Farbe die im Konfigurator auftauchen soll, muss ein Farbbild zugeordnet bekommen. Hierfür wird der Dateiname, des vorher in “images/mycollection/edit/colors” abgelegten Bildes im Attribut “Color (path to color image)” gespeichert (Wichtig, nur der Dateiname, nicht der komplette Pfad)
  8. Natürlich sollten die Styles des Konfigurators dem jeweiligen Shop angepasst werden.
  9. Falls kein Scrollbalken auf der Seite angezeigt wird, liegt das wahrscheinlich daran, dass die Styles dafür nicht in der mycollection.css vorhanden sind.

Schreibe einen Kommentar

Menü schließen