Content-Swiper  

    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>