bh_touch
Swiper-Element für die Touch-Erweiterung
HTML-Template: el-touchgallery-content.html
HTML
{namespace bh=TYPO3\Bh\ViewHelpers}
<bh:tmpl.element object="{cObj}">
<bh:swiper class="lightboxgroup" settings="{cObj.allSettings.swiper}">
<bh:tmpl.content section="el-touchgallery-content" parent="{cObj.uid}" />
</bh:swiper>
</bh:tmpl.element>
HTML-Template (Children): el-touchgallery-content-item.html
HTML
{namespace bh=TYPO3\Bh\ViewHelpers}
<bh:tmpl.element object="{cObj}">
<bh:property.backgroundImage picture="{cObj.thing.picture}" property="picture">
<div class="el-touchgallery-content-item-text">
<bh:property.text tag="div" property="text" />
</div>
<div class="el-touchgallery-content-item-subtext">
<bh:property.text tag="div" property="subtext" />
</div>
<div class="el-touchgallery-content-item-name">
<bh:property.text tag="div" property="name" />
</div>
<div class="el-touchgallery-content-item-content">
<bh:tmpl.content section="el-touchgallery-content-item-content" parent="{cObj.uid}" />
</div>
</bh:property.backgroundImage>
</bh:tmpl.element>
Typoscript: el-touchgallery-content.typoscript
TYPOSCRIPT
## el-touchgallery-content
plugin.tx_bh.settings.contentElements{
el-touchgallery-content < abstract.bhElement
el-touchgallery-content {
name = Swipe Contentgalerie
description = Ein Element mit super Eigenschaften
templateFile = el-touchgallery-content.html
templatePath = EXT:bh_touch/Resources/Public/Elements/el-touchgallery-content/
iconFile = typo3conf/ext/bh/Resources/Public/Icons/Elemente/picture.svg
settingsForm = EXT:bh_touch/Resources/Public/Elements/el-touchgallery-content/el-touchgallery-content-settings.html
bheListgroup = 90
options{
translate = 0
edit = 0
newElement = el-touchgallery-content-item
}
swiper{
pagination = 1
navigation = 1
}
}
}
## el-touchgallery-content-item
plugin.tx_bh.settings.contentElements{
el-touchgallery-content-item < abstract.bhElement
el-touchgallery-content-item {
name = Swipe Item
description = Ein Contentelement für den Content Swiper
templateFile = el-touchgallery-content-item.html
templatePath = EXT:bh_touch/Resources/Public/Elements/el-touchgallery-content/
iconFile = typo3conf/ext/bh/Resources/Public/Icons/Elemente/picture.svg
settingsForm = EXT:bh_touch/Resources/Public/Elements/el-touchgallery-content/el-touchgallery-content-item-settings.html
bheListgroup = 90
dummyData.text = Lorem Ipsum
dummyData.subtext = Lorem Ipsum
dummyData.name = Lorem Ipsum
options {
settings = 0
translate = 1
edit = 1
copy = 1
moveable = 0
}
userClass = swiper-slide
}
}
page.includeCSS.el-touchgallery-content = EXT:bh_touch/Resources/Public/Elements/el-touchgallery-content/el-touchgallery-content.css
Settings-HTML: el-touchgallery-content-settings.html
HTML
{namespace bh=TYPO3\Bh\ViewHelpers}
<bh:form.settingsform content="{cObj}">
<f:if condition="{cObj.allSettings.styleOptions.classes}">
<div class="bhe-formsettings-option">
<label>Styles</label>
<f:form.select multiple="true" name="style[options]" value="{cObj.allSettings.style.options}"
options="{cObj.allSettings.styleOptions.classes}" />
</div>
</f:if>
<f:form.submit value="Speichern" />
</bh:form.settingsform>