Success-story migration + new plugins + JSON/UX polish

- Success Stories: full migration from old site (48/48, audited), markets n:n, quotation content block, columns content block, pretty SEO detail URLs via SuccessStoryPathRewrite middleware, list/detail split (list page 4 / story page), detailUrl/backUrl - New plugins: VITEC Locations (grid/list/map + RTE map text), VITEC Customer Logos (color/bw logic, only-show-selected), VITEC Card (one plugin for product/story/market/solution with reloading FlexForm + custom backend preview renderer) - Eventlist: layout dropdown (list/grid/teaserbar) in settings - Hero section CB: Images/Video tabs, background video + overlay - Product JSON: full category rootline (parents), fixed missing ConnectionPool import (all-products crash), category tree map - Backend preview CSS: container-query responsive (narrow columns) - Docs: ISO architecture spec, root + extension READMEs Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-24 09:53:33 +02:00
1 parent aafcb5dcb6
commit eae40f4286
@@ -4,6 +4,11 @@ prefixFields: true
 prefixType: vendor

 fields:
+  # ──────────────────────────────────────────────────────────────────────
+  - identifier: tab_content
+    type: Tab
+    label: Content
+
  - identifier: eyebrow
    type: Text
    max: 50
@@ -29,10 +34,6 @@ fields:
      - identifier: subheader
        useExistingField: true

-
-
-
-
  - identifier: bodytext
    useExistingField: true
    enableRichtext: true
@@ -53,7 +54,33 @@ fields:
  - identifier: Vitec/ButtonStyle
    type: Basic

-  # --- Image ---
+  - identifier: hero_layout_variant
+    type: Select
+    renderType: selectSingle
+    default: fullscreen
+    items:
+      - label: Fullscreen
+        value: fullscreen
+      - label: Medium
+        value: md
+      - label: Small
+        value: sm
+      - label: Extra Small
+        value: xs
+
+  - identifier: show_logo_wall
+    type: Checkbox
+    default: 0
+
+  - identifier: debug
+    type: Checkbox
+    default: 0
+
+  # ──────────────────────────────────────────────────────────────────────
+  - identifier: tab_images
+    type: Tab
+    label: Images
+
  - identifier: hero_bgimage
    type: File
    minitems: 0
@@ -82,7 +109,11 @@ fields:
      - label: Fullwidth
        value: fullwidth

-  # --- Video ---
+  # ──────────────────────────────────────────────────────────────────────
+  - identifier: tab_video
+    type: Tab
+    label: Video
+
  - identifier: hero_video
    type: File
    minitems: 0
@@ -115,24 +146,28 @@ fields:
    type: Checkbox
    default: 1

-  - identifier: hero_layout_variant
-    type: Select
-    renderType: selectSingle
-    default: fullscreen
-    items:
-      - label: Fullscreen
-        value: fullscreen
-      - label: Medium
-        value: md
-      - label: Small
-        value: sm
-      - label: Extra Small
-        value: xs
+  # --- Background video with overlay layer ---
+  - identifier: hero_bgvideo
+    type: File
+    label: Background Video
+    description: 'Fullscreen background video behind the hero content.'
+    minitems: 0
+    maxitems: 1
+    allowed: mp4,webm,ogv,mov,m4v

-  - identifier: show_logo_wall
-    type: Checkbox
-    default: 0
+  - identifier: hero_overlay_color
+    type: Color
+    label: Overlay Color
+    description: 'Overlay layer on top of the background video/image.'

-  - identifier: debug
-    type: Checkbox
-    default: 0
+  - identifier: hero_overlay_opacity
+    type: Number
+    label: 'Overlay Opacity (0–1)'
+    format: decimal
+    default: 0.4
+    range:
+      lower: 0
+      upper: 1
+    slider:
+      step: 0.05
+      width: 200
@@ -102,6 +102,28 @@
      <trans-unit id="hero_bgimage.description">
        <source>Optional background image placed behind the hero content.</source>
      </trans-unit>
+      <trans-unit id="tab_content.label">
+        <source>Content</source>
+      </trans-unit>
+      <trans-unit id="tab_images.label">
+        <source>Images</source>
+      </trans-unit>
+      <trans-unit id="tab_video.label">
+        <source>Video</source>
+      </trans-unit>
+      <trans-unit id="hero_bgvideo.label">
+        <source>Background Video</source>
+      </trans-unit>
+      <trans-unit id="hero_bgvideo.description">
+        <source>Fullscreen background video behind the hero content.</source>
+      </trans-unit>
+      <trans-unit id="hero_overlay_color.label">
+        <source>Overlay Color</source>
+      </trans-unit>
+      <trans-unit id="hero_overlay_opacity.label">
+        <source>Overlay Opacity (0–1)</source>
+      </trans-unit>
+
    </body>
  </file>
 </xliff>
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
+  <path d="M6 8h8v8h-6l-2 8H4l2-8V8z" fill="#ff6a00"/>
+  <path d="M18 8h8v8h-6l-2 8h-2l2-8V8z" fill="#0a3d62"/>
+</svg>
@@ -0,0 +1,44 @@
+name: vitec/quotation
+group: vitec_custom_components
+prefixFields: true
+prefixType: vendor
+
+fields:
+  - identifier: header_section
+    type: Palette
+    label: Header
+    fields:
+      - identifier: header
+        useExistingField: true
+      - type: Linebreak
+      - identifier: header_layout
+        useExistingField: true
+      - identifier: header_position
+        useExistingField: true
+      - identifier: date
+        useExistingField: true
+      - type: Linebreak
+      - identifier: header_link
+        useExistingField: true
+      - type: Linebreak
+      - identifier: subheader
+        useExistingField: true
+
+  - identifier: quote
+    type: Textarea
+    required: true
+    rows: 5
+
+  - identifier: quote_name
+    type: Text
+    max: 120
+
+  - identifier: quote_position
+    type: Text
+    max: 180
+
+  - identifier: quote_logo
+    type: File
+    minitems: 0
+    maxitems: 1
+    allowed: common-image-types
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff version="1.2">
+  <file source-language="en" datatype="plaintext" original="messages">
+    <body>
+      <trans-unit id="title">
+        <source>VITEC · Customer Quotation</source>
+      </trans-unit>
+      <trans-unit id="description">
+        <source>Customer quote with name, position and optional logo.</source>
+      </trans-unit>
+      <trans-unit id="quote.label">
+        <source>Quote</source>
+      </trans-unit>
+      <trans-unit id="quote.description">
+        <source>Plain quote text without quotation marks — the frontend adds them.</source>
+      </trans-unit>
+      <trans-unit id="quote_name.label">
+        <source>Name</source>
+      </trans-unit>
+      <trans-unit id="quote_position.label">
+        <source>Position / Company</source>
+      </trans-unit>
+      <trans-unit id="quote_logo.label">
+        <source>Logo (optional)</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
@@ -0,0 +1,27 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Preview"/>
+<f:section name="Content">
+
+<f:asset.css identifier="vitec-backend-preview" href="EXT:vitec/Resources/Public/Css/backend-preview.css"/>
+
+<div class="vitec-preview">
+    <div class="vitec-preview__thumb-placeholder">&#8220;</div>
+    <div class="vitec-preview__body">
+        <div class="vitec-preview__label">VITEC · Customer Quotation</div>
+        <h3 class="vitec-preview__headline">
+            <f:if condition="{data.quote}">
+                <f:then>“{data.quote -> f:format.crop(maxCharacters: 90)}”</f:then>
+                <f:else><em style="color:#c00;">⚠ Quote missing</em></f:else>
+            </f:if>
+        </h3>
+        <f:if condition="{data.quote_name}">
+            <div class="vitec-preview__subline">— {data.quote_name}<f:if condition="{data.quote_position}">, {data.quote_position}</f:if></div>
+        </f:if>
+    </div>
+    <div class="vitec-preview__settings">
+        <f:if condition="{data.quote_logo.0}"><span class="vitec-badge">🖼 Logo</span></f:if>
+    </div>
+</div>
+
+</f:section>
+</html>
@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<!-- Headless mode: JSON is built by nb-headless-content-blocks -->
+</html>