thomas hirt . visuelle kommunikation
Typo3 Extension Noverblaster Flashplayer
typo3 shop mit tt_products: how to 2. Teil
 
Montag, 09. Nov 2009

typo3 shop mit tt_products: how to 1. Teil

Da ich mich länger damit rumgeschlagen habe einen TYPO3 Webshop mit tt_products einzurichten, möchte ich hier meine Erfahrungen weitergeben. Vielleicht hilft dieses Tutorial ja euch Suchenden im weltweiten Netz...

 

Der Beispielshop für dieses Tutorial befindet sich hier.

In die bestehende TYPO3 Seite der non-profit Organisation Attac Österreich sollte ein einfacher Webshop integriert werden. Ich habe mir mehrere Shop-Erweiterungen angesehen und bin dann bei dem Klassiker tt_products gelandet. Folgende Funktionen des Shops waren für mich wichtig:

  • Übersichtliche Gliederung der Produkte in einer Listenansicht
  • Detailansicht mit zusätzlichen Informationen
  • Startseite mit Angeboten und neuen Produkten (von der Redakteurin einzustellen)
  • Produkt Kategorien und Unterkategorien
  • Mini Warenkorb
  • Produkte und Produktkategorien sortierbar (durch die Redaktion)
  • Login mit bestehenden Frontend User Accounts möglich aber nicht zwingend

tt_products Versionen

Für den Attac Webshop habe ich schlussendlich Version 2.6.2 von tt_products eingesetzt. Man kann die aktuelle Version auf der Seite ttproducts.de für eine Unterstützung von 20,- Euro erwerben. Finde ich grundsätzlich einen fairen Preis, wenn alles funktionieren würde (was es leider nicht immer tut). Auf der anderen Seite ist der Autor der Erweiterung bemüht einen raschen und hilfreichen Support zu ermöglichen, was wiederum ein Vorteil ist. Für dieses Tutorial reicht aber die kostenlose Version von tt_products aus dem TYPO3 TER.

Installation der Erweiterung

tt_products 2.6.1 wurde für dieses Tutorial unter TYPO3 4.2.10 installiert. Bevor die Extension installiert werden kann, müssen folgende zusätzliche Erweiterungen aus dem TER heruntergeladen und via Extension Manager installiert werde:

  • div2007 (Static Methods for Extensions since 2007)
  • table (Table Library)

Danach kann die Extension tt_products ebenfalls via Extension Manager ohne Fehlermeldungen installiert werden. Die checkbox "Use patch 1822" habe ich während der Installation (also bevor update gedrückt wird) nicht gewählt.

Seitenstruktur anlegen

Die Seitenstruktur für meines Shops sieht wie folgt aus:

  • tt_products shop
    Diese Seite ist ein Verweis auf die erste Unterseite. Hier liegt mein Extension Template um den Shop zu konfigurieren.
  • Shop Angebote
    Die eigentliche Startseite für den Shop. Hier werden nur besondere Produkte angezeigt.
  • Shop Kategorien
    Die Listenansicht aller Produkte. Angezeigt wird hier die ausgewählte Kategorie.
  • Produktsuche
    Eine Seite um Produkte zu suchen.
  • Detailansicht
    (im Menü versteckt)
    Die Detailansicht eines Produktes.
  • Warenkorb
    (selbsterklärend)
  • Kontrolle und Bezahlung
    (im Menü versteckt - selbsterklärend)
  • Bestellung abschließen
    (im Menü versteckt - selbsterklärend)
  • AGB
    Die allgemeinen Geschäftsbedingungen.
  • Produkte
    Der Sysfolder mit den Produkten
  • Kategorien
    Der Sysfolder mit den Kategorien

Shop Plugin einfügen

Das Plugin wird jetzt auf den unterschiedlichen Seite eingefügt und wie unten angegeben eingestellt. Wichtig ist vorerst, dass man den Startpunkt jeweils auf den SysOrdner mit den Produkten legt (wobei das etwas später auch via Typoscript eigestellt wird).

  • Shop Angebote
    Produkte: Liste Highlights
  • Shop Kategorien
    Produkte: Liste
  • Produktsuche
    Produkte: Suche
  • Detailansicht
    Produkte: Einzelansicht
  • Warenkorb
    Warenkorb: Inhalt
  • Kontrolle und Bezahlung
    Warenkorb: Kontrolle und Bezahlung
  • Bestellung abschließen
    Warenkorb: Bestellung abschließen

Extension Template und grundlegende Konfiguration

Als nächstes empfiehlt es sich auf der Seite "tt_products shop" ein Extension Template einzufügen und dort durch klicken auf "Click here to edit whole template record" das statische Template "Shop System Old Style (tt_products)" einzufügen.
Das statische Template wird eingebunden.

Nun wird noch folgendes in die Constants geschrieben um die grundlegenden Funktionen des Shops zum Laufen zu bringen (klarer Weise muss man die Seiten ID's und Emailoptionen mit den eigenen Werten ersetzen.

#### CONSTANTS ####

# Seiten IDs in Konstanten auslagern
id_shoproot = 231
id_shopangebote = 240
id_shopkategorien = 239
id_shopdetail = 238
id_shopwarenkorb = 237
id_shopkontrolle = 236
id_shopabschliessen = 235
id_shopagb = 234

# Sysfolder IDs
id_shopsysprodukte = 232
id_shopsyskategorien = 241

############
### PIDs ###
############

# Sysfolder mit den Produkten #
plugin.tt_products.pid_list = {$id_shopsysprodukte}

# Rootseite des Shops
plugin.tt_products.PIDstoreRoot = {$id_shoproot}

# Seiten ID für Listenansicht
plugin.tt_products.PIDlistDisplay = {$id_shopkategorien}

# Seiten ID für Warenkorbabsicht
plugin.tt_products.PIDbasket = {$id_shopwarenkorb}

# Seiten ID für Einzelansicht
plugin.tt_products.PIDitemDisplay = {$id_shopdetail}

# Seiten ID für Kontrolle und Bezahlung
plugin.tt_products.PIDpayment = {$id_shopkontrolle}

# Seiten ID für Bestellung abschließen
plugin.tt_products.PIDfinalize = {$id_shopabschliessen}

# Seiten ID für AGB
plugin.tt_products.PIDagb = {$id_shopagb}

# AGB im selben Fenster öffnen
plugin.tt_products.AGBtarget = _parent

# Seiten ID für Suche
plugin.tt_products.PIDsearch = {$id_shopsuche}

###################################
### Email und Web Einstellungen ###
###################################

# Titel des Emails
plugin.tt_products.orderEmail_subject = www.mydomain.at: Ihre Bestellung

# Absende Adresse des Emails
plugin.tt_products.orderEmail_from = info@mydomain.at

 # Absender des Emails
plugin.tt_products.orderEmail_fromName = mydomain webshop

# Email mit der Bestellung geht an
plugin.tt_products.orderEmail_to = info@mydomain.at

# Domaine auf der der Shop läuft
plugin.tt_products.domain = www.mydomain.at

Wenn man jetzt Kategorien und Produkte anlegt, sollte schon mal etwas zu sehen sein. Die meisten Bereiche sind auch schon rudimentär funktionsfähig und es wird ein Email mit der Bestellung verschickt. Was man aber sieht ist eigentlich ziemlich enttäuschend. Das default Template ist meiner Meinung in dieser Form kaum nutzbar. Deswegen werde ich im nächsten Beitrag zeigen, wie man das Design optimieren kann und den Shop besser konfiguriert.

 
 
Kommentar hinzufügen




*

Nathalie schrieb am 10.6.10, 15:10
tt_products shop
Diese Seite ist ein Verweis auf die erste Unterseite. Hier liegt mein Extension Template um den Shop zu konfigurieren.

Danke für dein Tutorial, es hilfe wirklich etwas weiter. Allerdings wenn ich die erste Seite als "Verweis" anlege und dort das EXT-Template einbaue, dann kommt bei mir die Fehlermeldung "The requested page didn't have a proper connection to the tree-root!"
Eine Ahnung, woran das liegen könnte?
www.thomas-hirt.atThomas schrieb am 10.6.10, 19:18
Hi!
Wie hast du den Verweis eingestellt?
Erste Unterseite?
Auf eine bestimmte Seite oder gar beides?
Da könnte es zur besagten Fehlermeldung kommen.

LG Thomas
Nathalie schrieb am 11.6.10, 13:16
Hallo Thomas,
Danke für deine Antwort.
Ich habe nach langem Hin und Her nochmal alles komplett gelöscht und neuinstalliert.

Der Verweisfehler taucht jetzt nicht mehr auf, allerdings kommt jetzt der grundsätzliche Fehler: No TypoScript template found!

Ich habe das Ext Template genau nach deinen Angaben angelegt.
Kann es sein, dass im Setup was fehlt?

Danke im Voraus!
Werner schrieb am 11.6.10, 13:59
Hallo Thomas,
erstmal auch von meiner Seite ein dickes Dankeschön für dieses wundervolle Tutorial!
Ich arbeite mich gerade ein (Version 2.6.3), und bisher klappt auch alles, nur:
Auf der Produktseite (Liste > Produkte > Produkt bearbeiten) habe ich ganz oben folgenden Hinweis stehen:
Unknown column 'tt_address.uid' in 'field list' This may indicate a table defined in tables.php is not existing in the database!
Weißt du, was das zu bedeuten hat?

LG Werner
Nathalie schrieb am 11.6.10, 14:14
Hallo Thomas,
Habe dir per Mail geantwortet, weiß aber nicht, ob die viell. im Spam gelandet ist.
Habe alle Häckchen gesetzt. Der jetztige Stand ist, dass zwar der Typoscript Template Error verschwindet aber sonst nichts angezeigt wird. Gar nichts...
Falls ich dich nerven soltle, sorry, aber ich bin kurz vor dem Verzweifeln.
Grüße und Danke für deine bisherige Hilfe
Gerri Meier schrieb am 27.9.10, 11:02
Sehr verständliches Tutorial (ganz im Gegenteil zum wirren tut_ttproducts_de 0.0.6).
Trotzdem: Nathalie hat leider recht. Wenn man dem Tutorial Schritt für Schritt folgt, kommt am Ende

Error! No TypoScript template found!

raus.
Gerri Meier schrieb am 27.9.10, 11:14
Was ja auch Sinn macht, schliesslich ist Template->Setup leer. Kommt dort nicht was rein?
www.thomas-hirt.atThomas schrieb am 27.9.10, 11:19
Diese Fehlermeldung hat nichts mit meinem Tutorial zu tun.
Jede Seite benötigt um zu funktionieren ein Typoscript Template.
Das sind TYPO3 Grundlagen auf die ich hier nicht eingehe.

Hier zur Info:
http://www.bugblog.de/typo3/typo3-no-template-found/2006/05/28/
Gerri Meier schrieb am 27.9.10, 11:20
Ah, Quatsch, ich hatte vergessen root anzugeben. Jetzt kommt:

Error!
The page is not configured! [type= 0][]
Gerri Meier schrieb am 27.9.10, 11:30
Dann ist der Satz "Wenn man jetzt Kategorien und Produkte anlegt, sollte schon mal etwas zu sehen sein. " falsch und irreführend.
 
 
kalender
November 2009
M D M D F S S
< Okt   Dez >
 1
23456078
09101112131415
16171819202122
23242526272829
30  
 bücher   bugs   css   extensions   grafik   hardware   howto   humor   javascript   mac   musik   mysql   nachhaltigkeit   philosophie   phpmyadmin   privat   snippets   terminal   typo3   typoscript   weltfriede   wirtschaft