Layover text background Image

maschad · June 17, 2016, 9:21pm

Thanks again for your thorough response but I still can’t quite figure out what it is, here is my code.
Layover.html

{namespace neos=TYPO3\Neos\ViewHelpers}
{namespace media=TYPO3\Media\ViewHelpers}
<div class="sj-fullwidth" style="background-image: url({media:uri.image(image: image)});">
	<f:debug title="Results should not be «NULL»">{image}</f:debug>
	<div class="container sj-text-over-picture">
		<h2>{neos:contentElement.editable(property: 'headline', tag: 'span')}</h2>
		<p>{neos:contentElement.editable(property: 'text', tag: 'span')}</p>
	</div>
</div>

Layover.ts2

prototype(Country.Germany:Layover) < prototype(TYPO3.Neos:Content) {
    templatePath = 'resource://Country.Germany/Private/Templates/NodeTypes/Layover.html'

    headline = ${q(node).property('headline')}
    subheadline = ${q(node).property('subheadline')}
    text = ${q(node).property('text')}
    image = ${q(node).property('image')}
}

NodeTypes.Layover.yaml

'Country.Germany:Layover':
  superTypes:
    'TYPO3.Neos:Content': TRUE
  ui:
    label: 'Text layover Image'
    group: 'general'
    inspector:
      groups:
        image:
          label: 'Image'
          icon: 'icon-image'
          position: 1
  properties:
    headline:
      type: string
      defaultValue: 'Replace by your headline value ...'
      ui:
        label: 'Headline'
        inlineEditable: TRUE
    text:
      type: string
      ui:
        label: 'Text'
        reloadIfChanged: TRUE
    image:
      type: TYPO3\Media\Domain\Model\ImageInterface
      ui:
        label: 'Image'
        reloadIfChanged: TRUE
        inspector:
          group: 'image'

and here is the current error :