Catalog Merkzettel erstellen: Unterschied zwischen den Versionen
Aus Contao Community Documentation
MacKP (Diskussion | Beiträge) |
MacKP (Diskussion | Beiträge) |
||
Zeile 22: | Zeile 22: | ||
* wie ein Katalog erstellt wird sollte von anderen Tutorials klar sein und man sollte die Beschreibung der einzelnen Felder gelesen haben. | * wie ein Katalog erstellt wird sollte von anderen Tutorials klar sein und man sollte die Beschreibung der einzelnen Felder gelesen haben. | ||
* Erstellung von Taxonomie | * Erstellung von Taxonomie | ||
+ | * der Umgang mit TYPOlight sollte bekannt sein | ||
+ | ** Formulare erstellen | ||
+ | ** Seitenstruktur bearbeiten | ||
+ | ** Module anlegen | ||
+ | ** Templates bearbeiten | ||
=Erstellen der Grundlagen im Backend= | =Erstellen der Grundlagen im Backend= | ||
+ | |||
+ | |||
+ | ==Erstellung von neuen Seiten in der Seitenstruktur== | ||
+ | |||
+ | *Startseite von der Merkliste (Hier werden die Kategorien erscheinen) | ||
+ | ** Merkzettel Liste (die Listen mit den Items aus einer Kategorie) | ||
+ | *** Merkzettel Leser (die Detailseite von einem Item) | ||
+ | * Ihr Merkzettel (Seite zum Anzeigen von dem Merkzettel) | ||
+ | ** Angebot angefordert (Seite die erscheint, wenn man über den Merkzettel ein Angebot angefordert hat) | ||
==Taxonomie (Bedingung)== | ==Taxonomie (Bedingung)== | ||
Zeile 67: | Zeile 81: | ||
* Alias und Felder veröffentlichen kann erst später angegeben werden, wenn diese Felder vorhanden sind. | * Alias und Felder veröffentlichen kann erst später angegeben werden, wenn diese Felder vorhanden sind. | ||
* Sprung zur Seite: Angabe der Detailansicht | * Sprung zur Seite: Angabe der Detailansicht | ||
+ | * Suche - Suchbar -> aktivieren (keine Bedingung angeben) | ||
* Alle weiteren Einstellungen werden erst später vorgenommen. | * Alle weiteren Einstellungen werden erst später vorgenommen. | ||
'''BILD2 Katalog Merkzettel''' | '''BILD2 Katalog Merkzettel''' | ||
Zeile 84: | Zeile 99: | ||
|produkt_name | |produkt_name | ||
|text | |text | ||
− | |* Sichtbar in der Backend-Listen-Ansicht | + | | |
+ | * Sichtbar in der Backend-Listen-Ansicht | ||
* Sortierungs-Dropdown aktivieren | * Sortierungs-Dropdown aktivieren | ||
** Sortier-Modus -> Gruppieren anhand des Anfangsbuchstabens und absteigend | ** Sortier-Modus -> Gruppieren anhand des Anfangsbuchstabens und absteigend | ||
Zeile 94: | Zeile 110: | ||
|produkt_alias | |produkt_alias | ||
|alias | |alias | ||
− | |* Alias-Titel-Feld -> '''Name''' | + | | * Alias-Titel-Feld -> '''Name''' |
|- | |- | ||
|Kategorie | |Kategorie | ||
|produkt_kategorie | |produkt_kategorie | ||
|select | |select | ||
− | |* Tabelle für Optionen -> '''tl_taxonomy''' | + | | |
+ | * Tabelle für Optionen -> '''tl_taxonomy''' | ||
* Option Spaltenwert -> '''name''' | * Option Spaltenwert -> '''name''' | ||
* Option Sortierspalte -> leer lassen | * Option Sortierspalte -> leer lassen | ||
Zeile 110: | Zeile 127: | ||
|produkt_beschreibung | |produkt_beschreibung | ||
|langtext | |langtext | ||
− | |* HTML erlauben | + | | |
+ | * HTML erlauben | ||
* Rich Text | * Rich Text | ||
* TinyMCE-Editor-Template -> tinyMCE | * TinyMCE-Editor-Template -> tinyMCE | ||
Zeile 117: | Zeile 135: | ||
|produkt_bild | |produkt_bild | ||
|file | |file | ||
− | |* Sichtbar in der Backend-Listen-Ansicht -> aktivieren | + | | |
+ | * Sichtbar in der Backend-Listen-Ansicht -> aktivieren | ||
* Beschriftungsgruppe beginnen -> aktivieren | * Beschriftungsgruppe beginnen -> aktivieren | ||
** Titel der Beschriftung -> Produktbild | ** Titel der Beschriftung -> Produktbild | ||
Zeile 128: | Zeile 147: | ||
|produkt_galerie | |produkt_galerie | ||
|file | |file | ||
− | |* Mehrfach-Auswahl | + | | |
+ | * Mehrfach-Auswahl | ||
* Anordnung nach Dateiname (aufsteigend) | * Anordnung nach Dateiname (aufsteigend) | ||
* Format Einstellungen | * Format Einstellungen | ||
Zeile 138: | Zeile 158: | ||
|produkt_optionen_1_check | |produkt_optionen_1_check | ||
|checkbox | |checkbox | ||
− | |* Beschriftungsgruppe beginnen -> aktivieren | + | | |
+ | * Beschriftungsgruppe beginnen -> aktivieren | ||
** Titel der Beschriftung -> Optionen | ** Titel der Beschriftung -> Optionen | ||
|- | |- | ||
Zeile 144: | Zeile 165: | ||
|produkt_option_1 | |produkt_option_1 | ||
|tags | |tags | ||
− | |* Kontroll-Checkbox -> Option 1 auswählen | + | | |
+ | * Kontroll-Checkbox -> Option 1 auswählen | ||
* Tabelle für Optionen -> tl_taxonomy | * Tabelle für Optionen -> tl_taxonomy | ||
** Option Spaltenwert -> name | ** Option Spaltenwert -> name | ||
Zeile 155: | Zeile 177: | ||
|produkt_optionen_2_check | |produkt_optionen_2_check | ||
|checkbox | |checkbox | ||
− | |* keine weiteren Einstellungen | + | | |
+ | * keine weiteren Einstellungen | ||
|- | |- | ||
|Option 2 | |Option 2 | ||
|produkt_option_2 | |produkt_option_2 | ||
|tags | |tags | ||
− | |* Kontroll-Checkbox -> Option 2 auswählen | + | | |
+ | * Kontroll-Checkbox -> Option 2 auswählen | ||
* Tabelle für Optionen -> tl_taxonomy | * Tabelle für Optionen -> tl_taxonomy | ||
** Option Spaltenwert -> name | ** Option Spaltenwert -> name | ||
Zeile 171: | Zeile 195: | ||
|produkt_optionen_3_check | |produkt_optionen_3_check | ||
|checkbox | |checkbox | ||
− | |* keine weiteren Einstellungen | + | | |
+ | * keine weiteren Einstellungen | ||
|- | |- | ||
|Option 3 | |Option 3 | ||
|produkt_option_3 | |produkt_option_3 | ||
|tags | |tags | ||
− | |* Kontroll-Checkbox -> Option 3 auswählen | + | | |
+ | * Kontroll-Checkbox -> Option 3 auswählen | ||
* Tabelle für Optionen -> tl_taxonomy | * Tabelle für Optionen -> tl_taxonomy | ||
** Option Spaltenwert -> name | ** Option Spaltenwert -> name | ||
Zeile 187: | Zeile 213: | ||
|produkt_merkliste | |produkt_merkliste | ||
|Merkliste und Varianten | |Merkliste und Varianten | ||
− | |* notelistvariants -> Alle Optionen Auswählen und in die passende Reihenfolge bringen (Option 1 / Option 2 / Option 3) | + | | |
+ | * notelistvariants -> Alle Optionen Auswählen und in die passende Reihenfolge bringen (Option 1 / Option 2 / Option 3) | ||
* Beschriftungsgruppe beginnen -> aktivieren | * Beschriftungsgruppe beginnen -> aktivieren | ||
** Titel der Beschriftung -> Merkliste und Zusätzliche Angaben | ** Titel der Beschriftung -> Merkliste und Zusätzliche Angaben | ||
Zeile 194: | Zeile 221: | ||
|produkt_online | |produkt_online | ||
|checkbox | |checkbox | ||
− | |* Sichtbar in der Backend-Listen-Ansicht | + | | |
+ | * Sichtbar in der Backend-Listen-Ansicht | ||
* Beschriftungsgruppe beginnen -> aktivieren | * Beschriftungsgruppe beginnen -> aktivieren | ||
** Titel der Beschriftung -> Online | ** Titel der Beschriftung -> Online | ||
** Backend-Filter aktivieren | ** Backend-Filter aktivieren | ||
|} | |} | ||
+ | |||
+ | ====Erklärung==== | ||
+ | * Produktbild und die Galerie sind getrennt, damit später in der Listenansicht ein bestimmtes Bild ausgegeben werden kann. | ||
+ | * die Checkboxen 'Option 1 auswählen' etc. sind nur für die Übersicht beim Eingeben eines Items im Backend. | ||
+ | * Nur wenn Felder '''Sichtbar in der Backend-Listen-Ansicht''' sind, werden diese auch bei der '''Zeichenkette des Titels formatieren''' angezeigt. | ||
+ | |||
+ | ===die Katalog Einstellungen noch einmal überarbeiten=== | ||
+ | Da jetzt die Feldtypen definiert wurden, kann man im Katalog selbst noch weiter Einstellungen vornehmen: | ||
+ | * Alias-Feld -> Alias | ||
+ | * Feld veröffentlichen -> Online | ||
+ | * Meta-Title-Feld -> Name | ||
+ | * Meta-Beschreibungs-Feld -> Beschreibung | ||
+ | * Zeichenkette des Titels formatieren -> <nowiki><strong>{{produkt_name}}</strong> - <em>{{produkt_online}}</em><br /> | ||
+ | {{produkt_bild::w=100&h=80}}</nowiki> | ||
+ | |||
+ | ===Einstellen von ein paar Items (Produkten)=== | ||
+ | Nun können ein paar Produkte erstellt werden. Zu beachten ist: Die Optionen müssen einzeln ausgewählt werden, da es sich um den Feldtyp Tags handelt. Dadurch ist es möglich in Taxonomie selber die Gruppierung nicht für jedes Produkt extra zu machen, sondern allgemeine Gruppen. Denn nicht jedes Produkt ist zum Beispiel in dem Material 'Gold' vorhanden. | ||
+ | |||
+ | ===Erstellen von einem Formular=== | ||
+ | Mit hilfe von dem Formulargenerator legt man nun ein neues Formular an: | ||
+ | * Feldtyp -> Katalog-Merkliste | ||
+ | ** Feldname -> produkt_merkliste (frei wählbar) | ||
+ | ** Feldbezeichnung -> '''nichts angeben''' (diese hat an dieser Stelle keinen Sinn) | ||
+ | ** Text -> Ihre Merkliste | ||
+ | ** Katalog -> Merkzettel (den Katalog mit den angelegten Items auswählen) | ||
+ | ** Sichtbare Felder -> Name / Merkliste / Produktbild (Reihenfolge ist beliebig, kann auch über das Template bestimmt werden) | ||
+ | *** '''Varianten nicht auswählen''', da diese schon mit diesem Feldtypen ausgegeben werden. | ||
+ | * alle Weiteren Feldtypen die man braucht / haben möchte bei dem Formular. Als Beispiel: | ||
+ | ** Überschrift -> Fordern Sie jetzt Ihr Angebot an! | ||
+ | ** Select-Menü -> Anrede | ||
+ | ** Textfeld -> Vorname | ||
+ | ** Textfeld -> Nachname | ||
+ | ** Texterea -> Anmerkungen | ||
+ | ** Sicherheitsabfrage -> Wichtig! | ||
+ | ** Absendefeld |
Version vom 18. Mai 2010, 13:52 Uhr
Unvollständiger Artikel: dieser Artikel ist noch nicht sauber bearbeitet.
Bitte erweitere ihn und entferne erst anschliessend diesen Hinweis. |
betrifft | |
---|---|
TYPOlight Version | ab 2.8 |
Extensions | TYPOlight Core, |
Inhaltsverzeichnis
Kurzbeschreibung
Mit einem Merkzettel ist es möglich einem Bentutzer eine Auswahl von Varianten zu einem Produkt anzugeben, aus welchen er Auswählen kann um sich diese dann auf eine Merkliste zu setzen. Die Merkliste kann zum Schluss an eine beliebige Email versendet werden.
Hier werden exemplarisch Items angelegt, die maximal 3 Optionen zur Auswahl haben.
Benötigte Erweiterungen
- catalog
- backend_filterwiz
- backend_tabletree
- DC_DynamicTable
- taxonomy
- catalognotelist
Voraussetzungen für das Tutorial
- wie ein Katalog erstellt wird sollte von anderen Tutorials klar sein und man sollte die Beschreibung der einzelnen Felder gelesen haben.
- Erstellung von Taxonomie
- der Umgang mit TYPOlight sollte bekannt sein
- Formulare erstellen
- Seitenstruktur bearbeiten
- Module anlegen
- Templates bearbeiten
Erstellen der Grundlagen im Backend
Erstellung von neuen Seiten in der Seitenstruktur
- Startseite von der Merkliste (Hier werden die Kategorien erscheinen)
- Merkzettel Liste (die Listen mit den Items aus einer Kategorie)
- Merkzettel Leser (die Detailseite von einem Item)
- Merkzettel Liste (die Listen mit den Items aus einer Kategorie)
- Ihr Merkzettel (Seite zum Anzeigen von dem Merkzettel)
- Angebot angefordert (Seite die erscheint, wenn man über den Merkzettel ein Angebot angefordert hat)
Taxonomie (Bedingung)
Die Taxonomien sind für die Kategorien und für die Optionen der Items
Man erstellt sich zuerst die Kategorien und die Optionen. Wobei man hier wie bei einem Baum Verschachtelungen vornimmt:
- Merkzettel
- kategorien
- Laminat
- Laminat-Doppelstufen
- Montageprofile
- Laminatboden
- Massivholz
- Massivhilz-Doppelstufen
- Holzstufen-Zubehör
- Wangenverkleidung
- Laminat
- Optionen
- Material
- Metall
- Plastik
- Gold
- Größe
- 80cm
- 100cm
- 120cm
- Maße
- 2600 x 22 x 40 mm
- 2600 x 22 x 80 mm
- 2600 x 22 x 120 mm
- Material
- kategorien
Das Ergebniss sollte ungefähr so aussehen wie auf diesem Bild: BILD1 TAXONOMIEN
erstellen von einem Katalog mit Feldtypen
Neuer Katalog
Zuerst erstellt man mit einem Klick auf Neuer Katalog einen neuen Katalog und stellt den wie folgt ein:
- Name von dem Katalog angeben
- einen Tabellennamen angeben (die Tabelle wird automatisch erzeugt). Bitte keine Tabellen mit tl_* anlgegen, da diese dann von TYPOlight immer als zu löschen vorgemerkt werden beim aktualisieren der Datenbank.
- Alias und Felder veröffentlichen kann erst später angegeben werden, wenn diese Felder vorhanden sind.
- Sprung zur Seite: Angabe der Detailansicht
- Suche - Suchbar -> aktivieren (keine Bedingung angeben)
- Alle weiteren Einstellungen werden erst später vorgenommen.
BILD2 Katalog Merkzettel
Felder definieren für den Katalog Merkzettel
Es werden folgende Felder angelegt (Einstellungen die nicht vorgenommen werden, sind nicht aufgelistet):
Bezeichnung | Spaltenname | Typ | Einstellungen |
---|---|---|---|
Name | produkt_name | text |
|
Alias | produkt_alias | alias | * Alias-Titel-Feld -> Name |
Kategorie | produkt_kategorie | select |
|
Beschreibung | produkt_beschreibung | langtext |
|
Produktbild | produkt_bild | file |
|
Galerie | produkt_galerie | file |
|
Option 1 auswählen | produkt_optionen_1_check | checkbox |
|
Option 1 | produkt_option_1 | tags |
|
Option 2 auswählen | produkt_optionen_2_check | checkbox |
|
Option 2 | produkt_option_2 | tags |
|
Option 3 auswählen | produkt_optionen_3_check | checkbox |
|
Option 3 | produkt_option_3 | tags |
|
Merkliste | produkt_merkliste | Merkliste und Varianten |
|
Online | produkt_online | checkbox |
|
Erklärung
- Produktbild und die Galerie sind getrennt, damit später in der Listenansicht ein bestimmtes Bild ausgegeben werden kann.
- die Checkboxen 'Option 1 auswählen' etc. sind nur für die Übersicht beim Eingeben eines Items im Backend.
- Nur wenn Felder Sichtbar in der Backend-Listen-Ansicht sind, werden diese auch bei der Zeichenkette des Titels formatieren angezeigt.
die Katalog Einstellungen noch einmal überarbeiten
Da jetzt die Feldtypen definiert wurden, kann man im Katalog selbst noch weiter Einstellungen vornehmen:
- Alias-Feld -> Alias
- Feld veröffentlichen -> Online
- Meta-Title-Feld -> Name
- Meta-Beschreibungs-Feld -> Beschreibung
- Zeichenkette des Titels formatieren -> <strong>{{produkt_name}}</strong> - <em>{{produkt_online}}</em><br /> {{produkt_bild::w=100&h=80}}
Einstellen von ein paar Items (Produkten)
Nun können ein paar Produkte erstellt werden. Zu beachten ist: Die Optionen müssen einzeln ausgewählt werden, da es sich um den Feldtyp Tags handelt. Dadurch ist es möglich in Taxonomie selber die Gruppierung nicht für jedes Produkt extra zu machen, sondern allgemeine Gruppen. Denn nicht jedes Produkt ist zum Beispiel in dem Material 'Gold' vorhanden.
Erstellen von einem Formular
Mit hilfe von dem Formulargenerator legt man nun ein neues Formular an:
- Feldtyp -> Katalog-Merkliste
- Feldname -> produkt_merkliste (frei wählbar)
- Feldbezeichnung -> nichts angeben (diese hat an dieser Stelle keinen Sinn)
- Text -> Ihre Merkliste
- Katalog -> Merkzettel (den Katalog mit den angelegten Items auswählen)
- Sichtbare Felder -> Name / Merkliste / Produktbild (Reihenfolge ist beliebig, kann auch über das Template bestimmt werden)
- Varianten nicht auswählen, da diese schon mit diesem Feldtypen ausgegeben werden.
- alle Weiteren Feldtypen die man braucht / haben möchte bei dem Formular. Als Beispiel:
- Überschrift -> Fordern Sie jetzt Ihr Angebot an!
- Select-Menü -> Anrede
- Textfeld -> Vorname
- Textfeld -> Nachname
- Texterea -> Anmerkungen
- Sicherheitsabfrage -> Wichtig!
- Absendefeld