Templates

Allgemeines

Die Extension ist nach den Coding Guidelines von TYPO3 auf Basis von Extbase entwickelt. Nach der Installation und dem Hinzufügen der statischen TypoScript Templates zu Ihrem Root-Template, bringt die Shop Extension bereits das nötige TypoScript Markup mit um individualisierte Templates für den Shop nutzen zu können.

Das mitgelieferte TypoScript erwartet das Sie über die Konstanten Konfiguration einen Pfad angeben unter dem Ihre eigenen Templates zu finden sind. Sollte eine Datei nicht vorhanden sein, wird die Standard Datei die mit der Extension ausgeliefert wird genutzt.

Pfad zu den Dateien anlegen

Bitte legen Sie folgenden TypoScript Pfad in Ihrer Konstanten Datei ein. Der angegebene Pfad, hier "fileadmin", ist gemäß Ihrer Projektstruktur anzupassen. Einen Überblick wie Sie eine Konstanten Datei anlegen finden Sie hier in der Dokumentation im Abschnitt Quickstart.

themes.resourcesPrivatePath = fileadmin/

Verzeichnisse anlegen

Ausgehend vom Basisverzeichnis für Templates in Ihrer Projektstruktur müssen zwingend die Ordner "Templates", "Partials" und "Layouts" vorhanden sein. Alle drei Ordner müssen auf gleicher Ebene liegen. Die nachstehende TypoScript Konfiguration gibt einen Überblick einer Möglichen Struktur. Die Postionen nach der 300 können beliebig erweitert oder Überschrieben werden. Dies kann z.B hilfreich sein, wenn Sie mehrere TYPO3 Webseiten in einem System verwalten möchten.

plugin.tx_shop {
    view {
        templateRootPaths {
            300 = {$plugin.tx_shop.view.templateRootPath}
            400 = {$themes.resourcesPrivatePath}Extensions/Shop/Templates/
        }

        partialRootPaths {
            300 = {$plugin.tx_shop.view.partialRootPath}
            400 = {$themes.resourcesPrivatePath}Extensions/Shop/Partials/
        }

        layoutRootPaths {
            300 = {$plugin.tx_shop.view.layoutRootPath}
            400 = {$themes.resourcesPrivatePath}Extensions/Shop/Layouts/
        }
    }
}

Datei Übersicht

Nachstehend finden Sie eine Übersicht über alle Template Dateien des Shop Systems, zur Veranschaulichung der Möglichkeiten des Individualisierungsgrades.

📄 Shop
├─ 📂 Layouts
│  ├─ 📄 Default.html
│  ├─ 📄 Email.html
│  └─ 📄 Widget.html
├─ 📂 Partials
│  ├─ 📂 Basket
│  │  ├─ 📄 BasketContent.html
│  │  ├─ 📄 BasketFooterRow.html
│  │  ├─ 📄 BasketItemRow.html
│  │  └─ 📄 EmptyBasket.html
│  ├─ 📂 Email
│  │  ├─ 📄 OrderSummary.html
│  │  └─ 📄 OrderSummaryPlain.html
│  ├─ 📂 Product
│  │  ├─ 📂 Buttons
│  │  │  ├─ 📄 AddToBasket.html
│  │  │  ├─ 📄 Compare.html
│  │  │  ├─ 📄 CreatePdf.html
│  │  │  └─ 📄 Details.html
│  │  ├─ 📂 Detail
│  │  │  ├─ 📄 Attributes.html
│  │  │  ├─ 📄 Categories.html
│  │  │  ├─ 📄 Details.html
│  │  │  ├─ 📄 FeatureIcons.html
│  │  │  ├─ 📄 FileCollections.html
│  │  │  ├─ 📄 Headline.html
│  │  │  ├─ 📄 Images.html
│  │  │  ├─ 📄 OtherImages.html
│  │  │  ├─ 📄 QuestionCategories.html
│  │  │  ├─ 📄 RelatetProduct.html
│  │  │  └─ 📄 Tags.html
│  │  └─ 📂 List
│  │  │  ├─ 📂 Filter
│  │  │  │  ├─ 📄 Category.html
│  │  │  │  ├─ 📄 Submit.html
│  │  │  │  ├─ 📄 TagCategorized.html
│  │  │  │  ├─ 📄 TagMuliple.html
│  │  │  │  ├─ 📄 TagSingle.html
│  │  │  │  └─ 📄 Word.html
│  │  │  ├─ 📂 Item
│  │  │  │  ├─ 📄 Default.html
│  │  │  │  └─ 📄 Teaser.html
│  │  │  ├─ 📄 Filter.html
│  │  │  └─ 📄 Sorting.html
│  │  └─ 📄 SingleView.html
│  ├─ 📄 Percent.html
│  └─ 📄 Price.html
└─ 📂 Templates
   ├─ 📂 Basket
   │  ├─ 📄 Show.html
   │  └─ 📄 ShowBasketButton.html
   ├─ 📂 BasketOrder
   │  ├─ 📄 Cancel.html
   │  ├─ 📄 Checkout.html
   │  ├─ 📄 ConfirmOrder.html
   │  ├─ 📄 Error.html
   │  ├─ 📄 Order.html
   │  └─ 📄 Success.html
   ├─ 📂 Email
   │  └─ 📂 Checkout
   │     ├─ 📂 OnInvoice
   │     │  ├─ 📄 CustomerConfirmation.html
   │     │  └─ 📄 Order.html
   │     ├─ 📂 PrePayment
   │     │  ├─ 📄 CustomerConfirmation.html
   │     │  └─ 📄 Order.html
   │     └─ 📂 Request
   │     │  ├─ 📄 CustomerConfirmation.html
   │     │  └─ 📄 Order.html
   └─ 📂 Product
      ├─ 📄 List.html
      ├─ 📄 Show.html
      └─ 📄 ShowQuickSearch.html