DEPRECATION WARNING

This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.

Frontend rendering¶

Just as simple as the intro element:

tt_content.slider = FLUIDTEMPLATE
tt_content.slider {
  template = FILE
  template.file = EXT:sitepackage/Resources/Private/Templates/ContentELements/Slider.html
  layoutRootPath = EXT:sitepackage/Resources/Private/Templates/Layout/
}

In the Fluid template we run into another challenge: how to get the data from the flexform. This is solved with a small viewhelper in Classes/ViewHelpers/FlexFormViewHelper.php .With this viewhelper the Fluid template becomes really simple and clean:

{namespace j=jigal\sitepackage\ViewHelpers}

<j:flexForm>
  <div class="flexslider">
    <ul class="slides">
      <f:for each="{flexform.sGeneral.images}" as="sliderImage">
        <li>
          <j:typolink parameter="{sliderImage.url}">
            <f:image src="{sliderImage.image}" treatIdAsReference="1"/>
          </j:typolink>
        </li>
      </f:for>
    </ul>
  </div>
</j:flexForm>