developers.jseidl.at
WebsiteGitHubCodePen
  • developers.jseidl.at
  • CSS
    • Bootstrap NoGutter
    • Center image
    • Hamburger Menu (Mobile Menu)
    • Table-Cell
    • mMenu Hide
  • JavaScript
    • Scroll to Element
  • Typo3
    • Cookiebanner
    • DCE Backgroundimage (Section use)
    • DCE Background Image
    • Custom Form for Indexed Search
    • Frontendlayouts for Bodyclasses
    • Frontendlayouts
  • Utils
    • Force SSL
Powered by GitBook

Copyright 2024 - jseidl.at Julian Seidl

On this page

Was this helpful?

  1. Typo3

DCE Backgroundimage (Section use)

If you want a section use fal you can render this also as Backgroundimage

{namespace dce=ArminVieweg\Dce\ViewHelpers}
<div class="container-fluid">
    <div class="row">
        <div class="slider" data-role="slider">
            <f:for each="{field.sliderelement}" as="slider-element">
                <f:for each="{slider-element.image}" as="image">
                    <div class="slide" style="background-image: url('{f:uri.image(image:'{image}',maxWidth:'1820')}')">
                        <div class="container">
                            <div class="content">
                                <h3>{slider-element.category}</h3>
                                <h4>{slider-element.header}</h4>
                                <p>{slider-element.text}</p>
                            </div>
                        </div>
                    </div>
                </f:for>
            </f:for>
        </div>
    </div>
</div>

Last updated 1 year ago

Was this helpful?