Manufacture Showcase

1. Allgemeine Einstellungen

Globale Partnerauswahl

Definiert globale Partner-Hersteller, die in allen nxtManufacture-Elementen verwendet werden können.

• Key:manufacturerSelectedPartner
• Typ: Mehrfachauswahl
• Standard: Keine
• Beschreibung: Wähle Hersteller aus, die als Partner markiert werden sollen. Wenn „Nur Partner anzeigen“ aktiviert ist, werden ausschließlich diese Hersteller angezeigt.

2. Überblick: Elementkonfiguration

Die Elemente Hersteller-Slider und Hersteller-Listing teilen sich die meisten Basisoptionen. Unterschiede bestehen vor allem in Darstellung, Navigation und Interaktion.

• Slider: Zeigt Hersteller in einem interaktiven Karussell an.
• Listing: Stellt Hersteller in einem Raster oder mit Seitenumbruch dar.

3. Inhaltsoptionen

• Hersteller (manufacturers): Wähle bestimmte Hersteller aus, die angezeigt werden sollen. Wenn keine Auswahl erfolgt, werden alle verfügbaren Hersteller angezeigt (abhängig von Partner- und Limit-Einstellungen).
• Nur Partner anzeigen (showOnlyPartners): Zeigt ausschließlich die in den globalen Einstellungen definierten Partner-Hersteller an.
• Zufällige Reihenfolge (randomOrder): Zeigt Hersteller bei jedem Seitenaufruf in zufälliger Reihenfolge an.
• Anzeigelimit:
  • Slider:sliderLimit – Maximale Anzahl an sichtbaren Herstellern.
  • Listing:limit – Anzahl der Hersteller pro Seite.
• Sortierung (sorting): (Nur im Listing) Legt die Sortierreihenfolge der Hersteller fest, z. B. nach Name oder Relevanz.

4. Layout-Optionen

• Box-Layout-Typ (boxLayout): Bestimmt die Darstellung jedes Herstellers:    
  • standard – Zeigt nur das Herstellerlogo.
  • image-text – Zeigt Logo und Herstellernamen.
• Ohne Bild ausblenden (layoutHideManufactureNoImage): Blendet Hersteller ohne Bild aus.
• Mindestbreite (elMinWidth): Mindestbreite eines Hersteller-Elements (z. B. 250px).
• Mindesthöhe (elMinHeight): Mindesthöhe eines Hersteller-Elements (z. B. 130px).
• Hintergrundfarbe (backgroundColor): Hintergrundfarbe jedes Herstellerfelds (Standard #ffffff).
• Klick-Aktion (clickEvent): Legt fest, was beim Klicken passiert:    
  • none – Keine Aktion.
  • link – Öffnet die Herstellerseite.
  • popup – Öffnet ein Hersteller-Popup.
• Links im neuen Tab öffnen (openNewTab): Öffnet Herstellerlinks in einem neuen Tab (nur bei Klick-Aktion „link“ sichtbar).
• Rahmen anzeigen (border): (Nur im Slider) Fügt einen Rahmen um jedes Element hinzu.
• Vertikale Ausrichtung (verticalAlign): (Nur im Slider) Legt die vertikale Ausrichtung innerhalb der Box fest (flex-start, center, flex-end).

5. Bild- und Textoptionen

Diese Einstellungen erscheinen nur, wenn boxLayout auf image-text gesetzt ist.

• Abstand zwischen Text und Bild (textImageGap): Abstand zwischen Logo und Text (Standard 10px).
• Textlänge Titel (textTitleLength): Maximale Zeichenlänge für den Herstellernamen (Standard: Slider 30, Listing 20).
• HTML-Elementtyp Titel (textTitleElementType): Verwendetes HTML-Tag für den Titeltext (Standard: Slider span, Listing h3).
• Schriftgröße Titel (textTitleFontSize): Schriftgröße in Pixeln (Standard 28).
• Textfarbe (textColor): Farbe des Herstellernamens (erbt Standardfarbe, falls nicht definiert).
• Hintergrundfarbe Textbereich (textBackgroundColor): Hintergrundfarbe hinter dem Text (Standard transparent).

6. Popup-Optionen

Diese Optionen erscheinen nur, wenn die Klick-Aktion auf popup gesetzt ist.

• Popup-Bildbreite (popupImageWidth): Breite des Herstellerlogos im Popup (Standard 100px).
• Popup-Titellänge (popupTitleLength): Maximale Zeichen für den Namen im Popup (Slider 30, Listing 20).
• Popup-Textfarbe (popupTextColor): Textfarbe im Popup (Standard aus Theme).
• Popup-Hintergrundfarbe (popupBackgroundColor): Hintergrundfarbe des Popups.
• Popup-Innenabstand (popupPadding): Innenabstand des Popups (Slider 30px, Listing 40px).
• Links im neuen Tab öffnen (popupOpenNewTab): Öffnet Herstellerseiten aus dem Popup in einem neuen Tab.

7. Element-spezifische Optionen

Slider-Optionen

• Slider-Typ (sliderType): Bestimmt die Funktionsweise (carousel oder gallery).
• Navigationspfeile (navigationArrows): Wähle Position der Pfeile (none, inner, outer).
• Navigationspunkte (navigationDots): Aktiviert Paginierungspunkte (none, inner, outer, thumbnails).
• Maus-Drag (mouseDrag): Aktiviert Ziehen mit der Maus.
• Automatische Rotation (rotate): Aktiviert automatisches Durchblättern.
• Rotationsgeschwindigkeit (rotateSpeed): Animationsgeschwindigkeit in Millisekunden (Standard 2000).
• Wartezeit zwischen Slides (rotateWaitDuration): Zeit zwischen den Übergängen (Standard 3000).
• Rotationsrichtung (rotateDirection): Richtung des Wechsels (forward oder backward).
• Pausieren bei Hover (rotateWaitHover): Stoppt die Rotation bei Mausüberfahrt (Standard aktiviert).
• Abstand zwischen Elementen (itemGutter): Abstand zwischen Items (Standard 30px).
• Abstand am Rand (itemEdgeGutter): Innenabstand am Rand des Sliders (Standard 0).

Listing-Optionen

• Sortierung (sorting): Legt die Sortierreihenfolge der Hersteller fest.
• Limit pro Seite (limit): Anzahl der Hersteller pro Seite (Standard 10).