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




*

www.agofit.deMoritz N. schrieb am 17.3.11, 18:22
Mir fällt gerade noch was ein:

1. Bis jetzt hat die Web-Site nur 2 Menüebenen, sprich TT_Products Shop (mittlerweile im Menü verborgen) würde angezeigt werden, allerdings nicht die unterebenen.

2. Ich habe die Unterseiten (abgesehen der Sys-Ordner) momentan deaktiviert, da die Website schon online ist und man natürlich die Umbauarbeiten nicht direkt sehen soll.
Könnte es auch daran liegen? Prinzipiell kann man ja per Preview die Seiten trotzdem anzeigen lassen...

Gruß,
Moritz
www.thomas-hirt.atThomas schrieb am 17.3.11, 19:21
Hi!
Am besten du gehst Schritt für Schritt noch mal die Anleitung durch. Du kannst ja am Anfang die mitgelieferten Templates von tt_products nutzen und auf Kategorien verzichten und erst danach die Funktionen erweitern.

Zu dem anderen Punkt:
Du könntest ja mal die Seiten nur im Menü verstecken um zu sehen, ob es sich so verhält.


LG Thomas
www.agofit.deMoritz N. schrieb am 18.3.11, 14:43
Hallo Thomas,

erst nochmal danke für deine Hilfe. Ich schätze auf der Seite ist irgendeine kleine Einstellung falsch... Vielleicht auch etwas im Root-Template.
Auf einer anderen Seite von mir funktioniert es nach deinem Tutorial perfekt! Der Tip mit dem Startpunkt sollte allerdings für Typo3 4.5 User noch erwähnt werden, ist sonst für Beginner wie mich sehr verwirrend ;)

Wie sieht es allgemein eigentlich mit der Sicherheit von tt_products - shops aus? Ich habe von über ein paar Ecken gehört, dass die shops nicht wirklich sicher vor Angriffen bzw. Fake-Bezahlungen sind? Kenn mich damit nicht wirklich aus, falls du weitere Infos dazu hast würde es mich aber sehr interessieren.

Gruß,
Moritz
Benjamin schrieb am 28.3.11, 12:02
Hallo Thomas,

Ich hab da ein kleines Problem... Hab eigentlich alles so gemachtwie beschrieben aber mir werden einfach keine Produkte angezeigt! Hättest du ne Idee an was das liegt?

Danke und Gruß Benni
www.thomas-hirt.atThomas schrieb am 28.3.11, 12:26
Ja, das kann am vielen Dingen liegen.
Keine Produkte angelegt, Produkte im falschen Sysordner, Sysordner in Flexform nicht angegeben, Sysordner in TS nicht angegeben, Kategorien falsch eingestellt...
Christian Hollatz schrieb am 3.5.11, 23:46
Hallo Thomas,

lieben Dank für das ausführliche Tutourial. Es funktioniert auch im Backend alles Wunderbar, aber leider nur da :). Sowie ich einen Bestellablauf im Frontend vornehmen möchte bleibt mein Warenkorb leer. Kannst Du Dir das erklären? Ich sitze jetzt schon eine ganze Weile aber kann nichts finden.

Viele Grüße
Christian
Jan H. schrieb am 2.4.12, 12:42
Hallo,
ich hab versucht alles genauso wie nur irgendmöglich wie im Tutorial zu machen. Erstes Problem: Ich hab mein bestes mit all meinem Wissen gegeben aber es reicht nicht. Nächstes Problem: Ich sehr gar nichts, keine Ausgabe, gar nichts. Muss ich irgendwo irgendwas anstellen oder anschalten oder sonst was? Ich wär froh wenigstens eine Fehlermeldung zu sehen. Ich baue den shop als Unterseite in einer Hauptseite ein. Typo3 4.6.4 . Das einziege was ich abgeändert habe ist dass ich keine AGB's eingebaut habe wobei der Link dann zu einer anderen Seite führt damit er sich nicht beschwert. Finale Frage: Wie kriege ich es hin dass irgendwas ausgeben wird, total egal was
www.thomas-hirt.atThomas schrieb am 2.4.12, 14:09
Hast du in deinem Typoscript Haupttemplate unter "Include static (from extensions)" das tt_products Template drinnen? Hast du Produkte angelegt und im jeweiligen Plugin unter "Record Storage Page" den richtigen Sysfolder angegeben? Das sind die häufigsten Fehler sofern nichts angezeigt wird.
J. B. schrieb am 24.4.12, 18:01
Hallo Thomas!
Vorweg: Astrein, dass Du dir Zeit für dieses Tutorial genommen hast. Leider war ich trotzdem erfolglos. Und glaube mir, ich habe mir nicht nur 2-3 Stunden Zeit genommen und mit TYPO3 arbeite ich auch schon ein paar Monate. Nur beim Shop hört es trotz diesem Tutorial einfach auf.

Ich habe die Anleitung inklusive Posts durch und es funktioniert einfach nicht.

Kann es mit TemplaVoila zu tun haben oder damit, dass der Shop nicht als Haupttemplate (ROOT), sondern als eine Seite mit Unterseiten angelegt wurde???

thx & gruß
jb
J.B. schrieb am 3.5.12, 12:07
Hallo Thomas,
hier die Lösung zu meinem Problem:
TYPO3 4.6.7 und tt_products 2.7.2 funktionieren nicht zusammen. Man muss in diesem Falle mindestens auf tt_products 2.7.3 gehen (aus 1ster Quelle).

Vielen Dank für die Unterstützung.

Gruß
jb
 
 
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