Backend of the sub-market template (spec agreed section by section with

the customer workflow in mind: the customer fills one XLSX per sub-market,
an importer builds the page).

- Frontend layout 21 'Sub-Market Page' in the existing
  BackendLayoutDataProvider: six zones, one per Figma section, emitted as
  colPos110..colPos160 - the JSON groups plus appearance.layout are the
  front-end contract (spec clause 7.17). A first attempt via page-TSconfig
  BackendLayouts was the wrong mechanism next to the provider and was
  removed again
- New Content Blocks vitec_markethero, vitec_marketintro,
  vitec_marketinsights (field bags, serialized unprefixed under data);
  the workflow section reuses intro-paragraph + vitec_card flip cards
- Stories gained quote/quote_person/quote_role (Testimonial tab),
  maintained once per story, emitted on every story card; usecaselist
  gained the layout value 'testimonials'
- New plugin vitec_productfeature: one referenced product as a full
  product card, serialisation shared with the product list (cObj made
  protected for the subclass)
- vitec_productlist gained hand-picked product selection: exactly the
  chosen products in the editor's order, category filter ignored,
  visibility filters kept - closes the long-standing single-select gap
- New CLI vitec:generate-submarket-workbooks: one protected customer
  XLSX per sub-market (9 main markets, 25 sub-markets from the Market
  category tree) - dropdowns filled live from the database, named ranges
  as the importer contract, hidden Meta sheet pinning submarket/group/
  record uid, soft character-limit warnings, asset URL fields

Verified end to end on Broadcast & Media: layout-21 payload with colPos110
carrying the hero element and its subline. Spec raised to v1.20.
This commit is contained in:
orasche committed 2026-10-02 10:18:36 +02:00
1 parent f0b0694842
commit 90ae6803a4
31 files changed
+493 -7

No files matched your search

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
<rect x="1.5" y="2.5" width="13" height="11" rx="1" fill="none" stroke="#000" stroke-width="1.2"/>
<text x="3.4" y="6.6" font-family="serif" font-weight="bold" font-size="6" fill="#000"></text>
<rect x="3" y="8" width="9" height="1" rx="0.2" fill="#000" opacity="0.4"/>
<rect x="3" y="9.6" width="7.5" height="1" rx="0.2" fill="#000" opacity="0.35"/>
<rect x="3" y="11.2" width="4" height="1.6" rx="0.3" fill="#000" opacity="0.55"/>
</svg>

After

Width:  |  Height:  |  Size: 536 B

@@ -0,0 +1,45 @@
# Sub-market template section 1 (Figma "Sub-Market Page", spec 2026-10-01).
# The H1 is NOT a field - it is the page title (dev names are canonical).
name: vitec/market-hero
group: vitec_custom_components
prefixFields: true
prefixType: vendor
fields:
- identifier: subline
type: Text
max: 120
- identifier: cta_section
type: Palette
label: CTA button
fields:
- identifier: cta_label
type: Text
max: 40
- identifier: cta_link
type: Link
- identifier: bgimage
type: File
minitems: 0
maxitems: 1
allowed: common-image-types
- identifier: video_section
type: Palette
label: Video teaser (optional - empty url hides the card)
fields:
- identifier: video_title
type: Text
max: 80
- type: Linebreak
- identifier: video_url
type: Text
max: 500
- type: Linebreak
- identifier: video_cover
type: File
minitems: 0
maxitems: 1
allowed: common-image-types
@@ -0,0 +1,21 @@
<?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 · Market Hero</source></trans-unit>
<trans-unit id="description"><source>Sub-market template, section 1: subline, CTA, background image, optional video teaser. The H1 is the page title.</source></trans-unit>
<trans-unit id="subline.label"><source>Subline</source></trans-unit>
<trans-unit id="subline.description"><source>Max ~90 characters visible (two lines in the design).</source></trans-unit>
<trans-unit id="cta_label.label"><source>CTA label</source></trans-unit>
<trans-unit id="cta_label.description"><source>Empty = front-end default "Get in touch".</source></trans-unit>
<trans-unit id="cta_link.label"><source>CTA target</source></trans-unit>
<trans-unit id="cta_link.description"><source>Empty = /contact.</source></trans-unit>
<trans-unit id="bgimage.label"><source>Background image</source></trans-unit>
<trans-unit id="bgimage.description"><source>1920x600, dark enough for white text. Empty = dark gradient fallback.</source></trans-unit>
<trans-unit id="video_title.label"><source>Video title</source></trans-unit>
<trans-unit id="video_url.label"><source>Video URL</source></trans-unit>
<trans-unit id="video_url.description"><source>YouTube/Vimeo or file URL. Empty = no video card, hero runs full width.</source></trans-unit>
<trans-unit id="video_cover.label"><source>Video cover image</source></trans-unit>
</body>
</file>
</xliff>
@@ -0,0 +1,12 @@
<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__body">
<strong>Market Hero</strong> — {data.vitec_subline}
<f:if condition="{data.vitec_video_url}"><span> · 🎬 {data.vitec_video_title}</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>