Add reusable disrupter ce to replace disturber ce
This commit is contained in:
Björn Fromme
@@ -0,0 +1,53 @@
|
||||
<html data-namespace-typo3-fluid="true" lang="en"
|
||||
xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
|
||||
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
|
||||
|
||||
<f:section name="Disturber">
|
||||
<div class="container-fluid ep-disturber ep-expert">
|
||||
<div>
|
||||
<div>
|
||||
<div class="container">
|
||||
<div class="col-md-6">
|
||||
<f:if condition="{image}">
|
||||
<f:then>
|
||||
<img class="lazyload" data-src="{f:uri.image(image: image, width: '400', height: '400c')}"
|
||||
alt="{image.alternative}" title="{image.title}">
|
||||
</f:then>
|
||||
<f:else>
|
||||
<img src="https://placehold.it/800x600" alt="">
|
||||
</f:else>
|
||||
</f:if>
|
||||
<div>
|
||||
<div>Ihr habt Fragen?<br>Wir helfen euch gerne!</div>
|
||||
<a class="headline headline--3 headline--disturber" href="tel:{settings.phoneNumber -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}" rel="nofollow">{settings.phoneNumber}</a>
|
||||
</div>
|
||||
<div><a class="call-btn" href="tel:{settings.phoneNumber -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}" rel="nofollow"><i class="fa fa-phone" aria-hidden="true"></i></a></div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<span class="headline headline--secondary headline--disturber headline--light">{data.subheadline}</span>
|
||||
<div class="headline headline--secondary headline--disturber headline--light">{data.headline}</div>
|
||||
{data.text -> f:format.html()}
|
||||
<br>
|
||||
<f:for each="{data.flexForm.buttons -> v:iterator.slice(start: 0, length: 4) -> v:iterator.chunk(count: 2)}" as="buttons">
|
||||
<div class="row">
|
||||
<f:for each="{buttons}" as="button" iteration="iteration">
|
||||
<f:if condition="{iteration.cycle} <= 4">
|
||||
<div class="col-md-6">
|
||||
<f:link.typolink parameter="{button.container.link}"
|
||||
class="btn btn-warning btn-shadow">
|
||||
{button.container.label}
|
||||
</f:link.typolink>
|
||||
</div>
|
||||
</f:if>
|
||||
</f:for>
|
||||
</div>
|
||||
</f:for>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</f:section>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html data-namespace-typo3-fluid="true" lang="en"
|
||||
xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
|
||||
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
|
||||
|
||||
<f:section name="Disturber">
|
||||
<div class="container-fluid ep-disturber-last-chance">
|
||||
<div>{data.headline}</div>
|
||||
<div>{data.text -> f:format.html()}</div>
|
||||
<div>
|
||||
{data.flexForm.buttons -> v:iterator.first() -> v:variable.set(name: 'button')}
|
||||
<a href="{f:uri.typolink(parameter: button.container.link)}" class="btn btn-info" title="{button.container.label -> f:format.raw()}">{button.container.label -> f:format.raw()}</a>
|
||||
</div>
|
||||
</div>
|
||||
</f:section>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,31 @@
|
||||
<html data-namespace-typo3-fluid="true" lang="en"
|
||||
xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
|
||||
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
|
||||
|
||||
<f:section name="Disturber">
|
||||
{data.flexForm.buttons -> v:iterator.first() -> v:variable.set(name: 'button')}
|
||||
<div class="container-fluid ep-disturber-reminder">
|
||||
<div>{data.headline}</div>
|
||||
<div class="col-md-6">
|
||||
<a href="{f:uri.typolink(parameter: button.container.link)}" title="{button.container.label -> f:format.raw()}">
|
||||
<f:if condition="{image}">
|
||||
<f:then>
|
||||
<img class="scale lazyload" data-src="{f:uri.image(image: image, width: '400')}"
|
||||
alt="{image.alternative}" title="{image.title}">
|
||||
</f:then>
|
||||
<f:else>
|
||||
<img src="https://placehold.it/600x450" class="scale" alt="">
|
||||
</f:else>
|
||||
</f:if>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-6 ">
|
||||
<div>{data.text -> f:format.html()}</div>
|
||||
</div>
|
||||
<a href="{f:uri.typolink(parameter: button.container.link)}" class="btn btn-info"
|
||||
title="{button.container.label -> f:format.raw()}">{button.container.label -> f:format.raw()}</a>
|
||||
</div>
|
||||
</f:section>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,40 @@
|
||||
<html data-namespace-typo3-fluid="true" lang="en"
|
||||
xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
|
||||
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
|
||||
|
||||
<f:section name="Disturber">
|
||||
<div class="container-fluid ep-disturber ep-expert-small">
|
||||
<div>
|
||||
<div>
|
||||
<div class="container">
|
||||
<div class="col-sm-2">
|
||||
<f:if condition="{image}">
|
||||
<f:then>
|
||||
<img class="scale lazyload" data-src="{f:uri.image(image: image, width: '400', height: '400c')}"
|
||||
alt="{image.alternative}" title="{image.title}">
|
||||
</f:then>
|
||||
<f:else>
|
||||
<img class="scale" src="https://placehold.it/800x600" alt="">
|
||||
</f:else>
|
||||
</f:if>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<span class="headline headline--3 headline--disturber">{data.headline}</span>
|
||||
{data.text -> f:format.html()}
|
||||
<br>
|
||||
<div class="row">
|
||||
<f:for each="{data.flexForm.buttons}" as="button" iteration="iteration">
|
||||
<f:if condition="{iteration.cycle} <= 3">
|
||||
<div class="col-sm-4"><f:link.typolink parameter="{button.container.link}" class="btn btn-warning btn-shadow">{button.container.label}</f:link.typolink></div>
|
||||
</f:if>
|
||||
</f:for>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</f:section>
|
||||
|
||||
</html>
|
||||
+27
@@ -0,0 +1,27 @@
|
||||
<html data-namespace-typo3-fluid="true" lang="en"
|
||||
xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
|
||||
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
|
||||
|
||||
<f:layout name="Default"/>
|
||||
|
||||
<f:section name="Main">
|
||||
<f:alias map="{data: disrupter.0.data, image: disrupter.0.image.0}">
|
||||
<f:switch expression="{data.layout}">
|
||||
<f:case value="0">
|
||||
<f:render partial="Disrupter/Small" section="Disturber" arguments="{_all}"/>
|
||||
</f:case>
|
||||
<f:case value="1">
|
||||
<f:render partial="Disrupter/Large" section="Disturber" arguments="{_all}"/>
|
||||
</f:case>
|
||||
<f:case value="2">
|
||||
<f:render partial="Disrupter/LastChance" section="Disturber" arguments="{_all}"/>
|
||||
</f:case>
|
||||
<f:case value="3">
|
||||
<f:render partial="Disrupter/Reminder" section="Disturber" arguments="{_all}"/>
|
||||
</f:case>
|
||||
</f:switch>
|
||||
</f:alias>
|
||||
</f:section>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user