Catalog mit Frontend-Editing und Workflow erstellen: Unterschied zwischen den Versionen

Aus Contao Community Documentation

(Die Seite wurde neu angelegt: „{{stub}} {{AppliesTo|TLVersion=ab 2.8|Extensions=TYPOlight Core, Catalog Version 2}} Category: Tutorials Category: Extensions =Kurz…“)
 
Zeile 85: Zeile 85:
 
* Alle weiteren Einstellungen werden erst später vorgenommen.
 
* Alle weiteren Einstellungen werden erst später vorgenommen.
 
'''BILD2 Katalog Merkzettel'''
 
'''BILD2 Katalog Merkzettel'''
 +
 +
===Felder definieren für den Katalog Merkzettel===
 +
Es werden folgende Felder angelegt (Einstellungen die nicht vorgenommen werden, sind nicht aufgelistet):
 +
 +
{| border="1" cellpadding="20" cellspacing="0"
 +
|+ align="bottom" style="color:#e76700;" |''Feldtypen für die Items''
 +
|-
 +
!Bezeichnung
 +
!Spaltenname
 +
!Typ
 +
!Einstellungen
 +
|-
 +
|Titel
 +
|immo_titel
 +
|text
 +
|
 +
* Sichtbar in der Backend-Listen-Ansicht
 +
* Sortierungs-Dropdown aktivieren
 +
** Sortier-Modus -> Gruppieren anhand der ersten zwei Buschstaben und absteigend
 +
** Backend-Suche aktivieren
 +
* Pflichtfeld
 +
* '''Gruppen für Frontend-Bearbeitung'''
 +
** '''Beide Gruppen auswählen'''
 +
|-
 +
|Alias
 +
|immo_alias_auto
 +
|alias
 +
| * Alias-Titel-Feld -> '''Titel'''
 +
* '''Gruppen für Frontend-Bearbeitung'''
 +
** '''Beide Gruppen auswählen'''
 +
|-
 +
|Benutzer ID
 +
|userid
 +
|Frontend-Benutzer
 +
|-
 +
|Art
 +
|immo_art
 +
|Auswahl
 +
|
 +
* Pflichtfeld
 +
* Tabelle für Optionen -> '''tl_taxonomy'''
 +
* Option Spaltenwert -> '''name'''
 +
* Option Sortierspalte -> name
 +
* Sichtbar in der Backend-Listen-Ansicht
 +
* Die Optinsauswahl individualisieren
 +
** Auswahl der Stamm-Einträge -> Immo Art
 +
** Modus für Unter-Auswahl -> ''Zeigen Sie die Kindelemente von ausgewählten Einträgen ausgeklappt an.'''
 +
** Filter des Elternelements -> leer lassen
 +
* '''Gruppen für Frontend-Bearbeitung'''
 +
** '''Beide Gruppen auswählen'''
 +
|-
 +
|Umgebungsbeschreibung
 +
|immo_umgebung
 +
|langtext
 +
|
 +
* HTML erlauben
 +
* Rich Text
 +
* TinyMCE-Editor-Template -> tinyMCE
 +
* '''Gruppen für Frontend-Bearbeitung'''
 +
** '''Beide Gruppen auswählen'''
 +
|-
 +
|Bild
 +
|immo_bild
 +
|file
 +
|
 +
* Sichtbar in der Backend-Listen-Ansicht -> aktivieren
 +
* Beschriftungsgruppe beginnen -> aktivieren
 +
** Titel der Beschriftung -> Produktbild
 +
* Format Einstellungen
 +
** Als Bildfeld mit Miniaturansicht erstellen
 +
** Bildbreite und -höhe -> 200 / 100 / Exaktes Format
 +
** Links als Dateidownload oder Bilder-Lightbox erstellen -> aktivieren
 +
* '''Gruppen für Frontend-Bearbeitung'''
 +
** '''Beide Gruppen auswählen'''
 +
|-
 +
|Bildergalerie
 +
|immo_bildergalerie
 +
|file
 +
|
 +
* Mehrfach-Auswahl
 +
* Anordnung nach Dateiname (aufsteigend)
 +
* Format Einstellungen
 +
** Als Bildfeld mit Miniaturansicht erstellen
 +
** Bildbreite und -höhe -> 200 / 100 / Exaktes Format
 +
** Links als Dateidownload oder Bilder-Lightbox erstellen -> aktivieren
 +
* '''Gruppen für Frontend-Bearbeitung'''
 +
** '''Beide Gruppen auswählen'''
 +
|-
 +
|Veröffentlichen
 +
|immo_veröffentlichen
 +
|checkbox
 +
|
 +
* Sichtbar in der Backend-Listen-Ansicht
 +
* Beschriftungsgruppe beginnen -> aktivieren
 +
** Titel der Beschriftung -> Online
 +
** Backend-Filter aktivieren
 +
* '''Gruppen für Frontend-Bearbeitung'''
 +
** '''Beide Gruppen auswählen'''
 +
|-
 +
|Online
 +
|immo_online
 +
|checkbox
 +
|
 +
* Sichtbar in der Backend-Listen-Ansicht
 +
* Beschriftungsgruppe beginnen -> aktivieren
 +
** Titel der Beschriftung -> Online
 +
** Backend-Filter aktivieren
 +
* '''Gruppen für Frontend-Bearbeitung'''
 +
** '''Makler-Admin'''
 +
|-
 +
|Hervorheben
 +
|immo_besonders
 +
|checkbox
 +
|
 +
* Sichtbar in der Backend-Listen-Ansicht
 +
* Beschriftungsgruppe beginnen -> aktivieren
 +
** Titel der Beschriftung -> Online
 +
** Backend-Filter aktivieren
 +
* '''Gruppen für Frontend-Bearbeitung'''
 +
** '''Makler-Admin'''
 +
|-
 +
|Immobilie entfernen
 +
|immo_delete
 +
|checkbox
 +
|
 +
* Sichtbar in der Backend-Listen-Ansicht
 +
* Beschriftungsgruppe beginnen -> aktivieren
 +
** Titel der Beschriftung -> Online
 +
** Backend-Filter aktivieren
 +
* '''Gruppen für Frontend-Bearbeitung'''
 +
** '''Beide Gruppen auswählen'''
 +
|}
 +
 +
====Erklärung====
 +
* Natürlich sind hier noch viel mehr Felder und Feldtypen angelegt. Diese paar sollten aber reichen um das prinzip zu verdeutlichen.
 +
** Jede Art hat da ihre eigenen Felder (z.B. ist die Grundstücksfläche für Hotelzimmer nicht wichtig und wird daher dann später nicht mit ausgegeben)
 +
* Bild und die Galerie sind getrennt, damit später in der Listenansicht ein bestimmtes Bild ausgegeben werden kann.
 +
* Die Checkboxen '''Veröffentlichen''', '''Online''', '''Hervorheben''' und '''Immobilien entfernen''' sind besonders wichtig für die Verwaltung der Immobilien.
 +
** Nur Makler-Admins bekommen später die Möglichekeit Immobilien online zu stellen ('''Online''') und diese auf der Startseite anzuzeiben ('''Hervorheben''')
 +
 +
===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 -> NICHTS '''hier nicht angeben, da die Makler im Frontend sonst ihre Items nicht sehen können!'''
 +
* Meta-Title-Feld -> Titel
 +
* Meta-Beschreibungs-Feld -> Umgebungsbeschreibung
 +
* Zeichenkette des Titels formatieren -> <nowiki>{{immo_titel}} - {{immo_gebiet}} - {{immo_art}}<br />
 +
{{immo_bild::w=100&h=80}}</nowiki>
 +
 +
==Einstellen von ein paar Items (Produkten)==
 +
Nun können ein paar Immobilien erstellt werden. Zu beachten ist: diese Immobilien gehören erst einmal '''keinem''' Mitglied. Erst wenn ein Mitglied das Item bearbeitet und speichert ist es ihm Zugeordnet!
 +
 +
==Die nötigen Module==
 +
 +
===Katalog-Filter===
 +
 +
** mod_catalognavigation
 +
 +
===Katalog-Liste===
 +
 +
 +
===Katalog-Featured===
 +
 +
===Katalog-Related===
 +
 +
===Katalog-Leser===
 +
 +
 +
 +
===Katalog-Edit===
 +
 +
==Die Module in Artikeln den passenden Seiten zuordnen==
 +
Nun müssen die Module noch auf die jeweils passende Seite gebracht werden:
  
  

Version vom 19. Mai 2010, 00:26 Uhr

MsgError.png 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,

Catalog Version 2

Kurzbeschreibung

Hier geht es darum, wie man Items im Frontend ersellen und bearbeiten kann. Anhand eines Immobilienkataloges wird auch noch die Einrichtung eines Workflows vorgestellt. Zum Schluss soll es dem Besucher der Seite noch möglich sein Kontakt zu dem Seitenbetreiber aufzunehmen (mithilfe eines Formulars bei dem Item). Hier bei dem Beispiel werden exemplarisch zwei Arten von Immobilien angelegt (Haus zum kaufen und Hotelzimmer). Bei diesem Beispiel ist die Backend-Ansicht von den Items nicht wirklich wichtig und wurde auch vernachlässigt, da alle Items über das Frontend verwaltet werden.

Benötigte Erweiterungen

  • catalog
    • backend_filterwiz
    • backend_tabletree
    • DC_DynamicTable
    • taxonomy
  • catalogitemuseridfield (für den Workflow wichtig, da damit die Items dem User zugewiesen werden)
  • catalog_mailer (hier gibt es im Moment noch das Problem einer blöden abhängigkeit von catalog_ext. also noch nicht installieren!)


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
    • Seitenstruktur bearbeiten
    • Module anlegen
    • Templates bearbeiten
    • Mitgliederbereich einrichten (für 2 Gruppen:Makler und Makler-Admins)

Erstellen der Grundlagen im Backend

Erstellung von neuen Seiten in der Seitenstruktur

  • Startseite (Hier wird catalogfeatured eingesetzt)
    • Immobilien Liste (Filter und Liste der Immobilien)
      • Immobilien Details (die Detailseite von einem Item)
  • Geschützer Bereich
    • Immobilien Anlegen (Für normale Makler)
      • Haus zum kaufen Liste
        • Haus zum kaufen anlegen / bearbeiten
      • Hotelzimmer Liste
        • Hotelzimmer anlegen / bearbeiten
    • Immobilien Anlegen Administration (Für Makler-Admins)
      • Haus zum kaufen Liste
        • Haus zum kaufen anlegen / bearbeiten
      • Hotelzimmer Liste
        • Hotelzimmer anlegen / bearbeiten


Taxonomie (Bedingung)

Die Taxonomien sind für die Kategorien und für die Gebiete der Items

Man erstellt sich zuerst die Kategorien und die Optionen. Wobei man hier wie bei einem Baum Verschachtelungen vornimmt:

  • Immobilien
    • Immo Art
      • Haus
        • Miethaus
        • Ferienhaus
        • Haus zum kaufen
      • Hotel
        • Hotelzimmer
    • Immo Gebiete
      • Bizerte
      • Jendouba
      • Beja
      • etc.

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):

Feldtypen für die Items
Bezeichnung Spaltenname Typ Einstellungen
Titel immo_titel text
  • Sichtbar in der Backend-Listen-Ansicht
  • Sortierungs-Dropdown aktivieren
    • Sortier-Modus -> Gruppieren anhand der ersten zwei Buschstaben und absteigend
    • Backend-Suche aktivieren
  • Pflichtfeld
  • Gruppen für Frontend-Bearbeitung
    • Beide Gruppen auswählen
Alias immo_alias_auto alias * Alias-Titel-Feld -> Titel
  • Gruppen für Frontend-Bearbeitung
    • Beide Gruppen auswählen
Benutzer ID userid Frontend-Benutzer
Art immo_art Auswahl
  • Pflichtfeld
  • Tabelle für Optionen -> tl_taxonomy
  • Option Spaltenwert -> name
  • Option Sortierspalte -> name
  • Sichtbar in der Backend-Listen-Ansicht
  • Die Optinsauswahl individualisieren
    • Auswahl der Stamm-Einträge -> Immo Art
    • Modus für Unter-Auswahl -> Zeigen Sie die Kindelemente von ausgewählten Einträgen ausgeklappt an.'
    • Filter des Elternelements -> leer lassen
  • Gruppen für Frontend-Bearbeitung
    • Beide Gruppen auswählen
Umgebungsbeschreibung immo_umgebung langtext
  • HTML erlauben
  • Rich Text
  • TinyMCE-Editor-Template -> tinyMCE
  • Gruppen für Frontend-Bearbeitung
    • Beide Gruppen auswählen
Bild immo_bild file
  • Sichtbar in der Backend-Listen-Ansicht -> aktivieren
  • Beschriftungsgruppe beginnen -> aktivieren
    • Titel der Beschriftung -> Produktbild
  • Format Einstellungen
    • Als Bildfeld mit Miniaturansicht erstellen
    • Bildbreite und -höhe -> 200 / 100 / Exaktes Format
    • Links als Dateidownload oder Bilder-Lightbox erstellen -> aktivieren
  • Gruppen für Frontend-Bearbeitung
    • Beide Gruppen auswählen
Bildergalerie immo_bildergalerie file
  • Mehrfach-Auswahl
  • Anordnung nach Dateiname (aufsteigend)
  • Format Einstellungen
    • Als Bildfeld mit Miniaturansicht erstellen
    • Bildbreite und -höhe -> 200 / 100 / Exaktes Format
    • Links als Dateidownload oder Bilder-Lightbox erstellen -> aktivieren
  • Gruppen für Frontend-Bearbeitung
    • Beide Gruppen auswählen
Veröffentlichen immo_veröffentlichen checkbox
  • Sichtbar in der Backend-Listen-Ansicht
  • Beschriftungsgruppe beginnen -> aktivieren
    • Titel der Beschriftung -> Online
    • Backend-Filter aktivieren
  • Gruppen für Frontend-Bearbeitung
    • Beide Gruppen auswählen
Online immo_online checkbox
  • Sichtbar in der Backend-Listen-Ansicht
  • Beschriftungsgruppe beginnen -> aktivieren
    • Titel der Beschriftung -> Online
    • Backend-Filter aktivieren
  • Gruppen für Frontend-Bearbeitung
    • Makler-Admin
Hervorheben immo_besonders checkbox
  • Sichtbar in der Backend-Listen-Ansicht
  • Beschriftungsgruppe beginnen -> aktivieren
    • Titel der Beschriftung -> Online
    • Backend-Filter aktivieren
  • Gruppen für Frontend-Bearbeitung
    • Makler-Admin
Immobilie entfernen immo_delete checkbox
  • Sichtbar in der Backend-Listen-Ansicht
  • Beschriftungsgruppe beginnen -> aktivieren
    • Titel der Beschriftung -> Online
    • Backend-Filter aktivieren
  • Gruppen für Frontend-Bearbeitung
    • Beide Gruppen auswählen

Erklärung

  • Natürlich sind hier noch viel mehr Felder und Feldtypen angelegt. Diese paar sollten aber reichen um das prinzip zu verdeutlichen.
    • Jede Art hat da ihre eigenen Felder (z.B. ist die Grundstücksfläche für Hotelzimmer nicht wichtig und wird daher dann später nicht mit ausgegeben)
  • Bild und die Galerie sind getrennt, damit später in der Listenansicht ein bestimmtes Bild ausgegeben werden kann.
  • Die Checkboxen Veröffentlichen, Online, Hervorheben und Immobilien entfernen sind besonders wichtig für die Verwaltung der Immobilien.
    • Nur Makler-Admins bekommen später die Möglichekeit Immobilien online zu stellen (Online) und diese auf der Startseite anzuzeiben (Hervorheben)

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 -> NICHTS hier nicht angeben, da die Makler im Frontend sonst ihre Items nicht sehen können!
  • Meta-Title-Feld -> Titel
  • Meta-Beschreibungs-Feld -> Umgebungsbeschreibung
  • Zeichenkette des Titels formatieren -> {{immo_titel}} - {{immo_gebiet}} - {{immo_art}}<br /> {{immo_bild::w=100&h=80}}

Einstellen von ein paar Items (Produkten)

Nun können ein paar Immobilien erstellt werden. Zu beachten ist: diese Immobilien gehören erst einmal keinem Mitglied. Erst wenn ein Mitglied das Item bearbeitet und speichert ist es ihm Zugeordnet!

Die nötigen Module

Katalog-Filter

    • mod_catalognavigation

Katalog-Liste

Katalog-Featured

Katalog-Related

Katalog-Leser

Katalog-Edit

Die Module in Artikeln den passenden Seiten zuordnen

Nun müssen die Module noch auf die jeweils passende Seite gebracht werden:


Templates

Hier werden nur die geänderten Templates durchgegangen und erläutert wie man diese Handhabt. (Wird noch erstellt, nachdem das Tutorial fertig ist zur allgemeinen Bearbietung von catalog Templates)


--MacKP 14:52, 18. Mai 2010 (UTC)

Von „https://de.contaowiki.org/index.php?title=Catalog_mit_Frontend-Editing_und_Workflow_erstellen&oldid=299“
Ansichten
Meine Werkzeuge

Contao Community Documentation

die Liste ist länger als ich und lindes zusammen...

Yanick Witschi
Navigation
Verstehen
Verwenden
Entwickeln
Verschiedenes
Werkzeuge