Modul Konfiguration

Bitte dringend beachten, dass das Modul speziell für die Container Product Detail Treatment und Product Special Characteristics entwickelt wurde.

Es kann daher durchaus das Risiko bestehen, dass es in anderen Bereichen zu Stylingproblemen kommen kann.

Diesbezüglich darauf achten, dass es beim Styling nicht zu Konflikten kommt und die Styles entsprechend harmonisieren.

Erstellen eines configurable Sites Elements

  • Navigieren Sie zu BE  Content  Configurable Sites  [Product Detail Page]

  • Setzen Sie alle benötigten Einstellungen des zu erstellenden Elements

Section Option Value Beschreibung

General

General bietet die Möglichkeit allgemeine Informationen zu hinterlegen

Configurable Site Element Name

text

Element Name z.B. "Mein Element Test".

Der hier angegebene Name wird spaeter auch als Alt-Text für das Bild verwendet

Status

Enable

Definiert ob ein Element aktiv/inaktiv ist auf der Produktdetailseite

Priority

text

Unter Angabe einer numerischen Zahl (1,2,3…​10 ect.) wird die Positionierung/Sortierreihenfolge bestimmt, aber ebenso, wie ein Element innerhalb eines bestehenden Containers positioniert ist.

Content

Definiert die Informationen, die dem Benutzer auf der Produkt Detailseite angezeigt werden sollen

Image

upload

Bild upload von PCs/Mac, oder aber wähle ein Bild aus dem Magento Media Pool.

Image Class

text

Falls kein Bild angegeben ist, kann mit der hier angegebenen CSS-Class ein Bild via Background angegeben werden. Die Class muss vorhanden sein und auch das gewünschte Styling dazu beinhalten.

Cms Block

select

Es kann hier ein Cms Block bestimmt werden, der weiteren Content liefert. Am Beispiel eines Tooltip würde das Bild auf der Seite angezeigt werden und beim hover über das Bild, würde das Tooltip im zugehörigen Cms Block angezeigt werden

Conditions

Configurable Site Conditions

Erstellen einer Regel, die bestimmt unter welchen Attribute Kriterien ein Element auf der Produktdetailseite erscheint.

Die Regel bezieht sich auf configurable Productattributes.

Design

Hier wird ausgewählt, wo auf der Produkt Detailseite das Element plaziert wird und wie es auszusehen hat.

Container

select

Aus der Liste verfügbarer Layout Container wird die Position im Layout bestimmt

Hinweis zur Container Einbindung

Beim einbinden dringend beachten, dass die CSS-Layout Definitionen der Container Bereiche und das Styling der einzubindenen Cms Blocks aufeinander abgestimmt sind.

Theme Zuordnung

Um einen Container auswählen zu können, muss unter `BE  Content  Design  [ Configuration] das benötigte Theme zugewiesen sein.

Template

select ⇒ Default is Cms Block (without Wrapper)

Das ausgewählte Template definiert die Darstellung, mit welcher ein Element ausgegeben wird.

Derzeit verfügbare Cms Blocks

  • Cms Block

    • Als Default ist das Standard Magento Cms Block Template definiert, falls keine Selektierung stattfindet.

  • Tooltip

    • Beim hover des Content Elements wird ein Tooltip erscheinen

Eine Kombination von verschiedenen Vorlagen pro Container kann zu Stylingproblemen führen.

Allgemeine Optionen

Bereiche bzw. im Magento Context genannt: Container

Um die konfigurierbaren Elemente einem Bereich hinzufügen zu können, sollte zuerst einmal bekannt sein, welche Bereiche verfügbar sind:

für die Umsetzung und Pflege z.B. bei dem Projekt GABOR, wurden die Container 8 und 9 genutzt:

  • Product Detail Treatment

  • Product Special Characteristics

Allgemeine Optionen

Listing aller verfügbaren Layout Content Container

  1. Page Top

  2. Page Header Container

  3. After Page Header

  4. Before Main Columns

  5. Product info auxiliary container (wird vor dem Text unterhalb des Preises dargestellt)

  6. Alert Urls (wird vor den Größen dargestellt)

  7. Product View Extra Hint

  8. Product social links container

  9. Product Detail Treatment (ist in dem Bild bereits befüllt)

  10. Product Special Characteristics (ist in dem Bild bereits befüllt)

  11. Main Content Container

  12. Before Page Footer Container

  13. Page Footer Container

  14. Page Bottom (dieser Bereich befindet sich unter dem grauen Footerbereich)