Files
VITEC-website/packages/vitec/ContentBlocks/ContentElements/featured-content/config.yaml
2026-08-13 12:49:10 +02:00

130 lines
3.2 KiB
YAML

name: vitec/featured-content
group: vitec_custom_components
prefixFields: true
prefixType: vendor
fields:
# ──────────────────────────────────────────────────────────────────────
- identifier: tab_content
type: Tab
label: Content
- identifier: header_section
type: Palette
label: Header
fields:
- identifier: header
useExistingField: true
required: 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: bodytext
useExistingField: true
enableRichtext: true
- identifier: cta
type: Link
allowedTypes:
- page
- url
- file
- email
- identifier: cta_label
type: Text
default: 'Learn more'
max: 30
- identifier: Vitec/ButtonStyle
type: Basic
- identifier: featured_layout
type: Select
renderType: selectSingle
default: text_left
items:
- label: Text left, media right
value: text_left
- label: Text right, media left
value: text_right
# ──────────────────────────────────────────────────────────────────────
- identifier: tab_media
type: Tab
label: Media
- identifier: featured_image
type: File
minitems: 0
maxitems: 1
allowed: common-image-types
extendedPalette: true
- identifier: featured_video
type: File
minitems: 0
maxitems: 1
allowed: mp4,webm,ogv,mov,m4v
- identifier: featured_video_autoplay
type: Checkbox
default: 0
- identifier: featured_video_loop
type: Checkbox
default: 0
- identifier: featured_video_muted
type: Checkbox
default: 1
# ──────────────────────────────────────────────────────────────────────
- identifier: tab_overlay
type: Tab
label: Overlay
- identifier: overlay_color
type: Color
valuePicker:
items:
- label: 'VITEC Blue'
value: '#26358C'
- identifier: overlay_opacity
type: Number
format: decimal
default: 0.4
range:
lower: 0
upper: 1
slider:
step: 0.05
width: 200
# Horizontal position, not a vertical one: this element is wide rather than
# tall, so the overlay runs across the width. 0 = gradient starts at the very
# left edge (overlay covers everything from there), 100 = it starts at the
# right edge. Which side is covered follows featured_layout, so the text side
# stays readable.
- identifier: overlay_gradient_start
type: Number
default: 50
range:
lower: 0
upper: 100
slider:
step: 1
width: 300