2014-03-24 4 views
1

Я установка на сайте, чтобы использовать поток/FLUIDCONTENT для шаблонов и он работает, используя учебник здесь: http://thomas.deuling.org/2011/06/create-base-html-fluid-templates-for-typo3-4-5/Добавление полой конфигурации на страницу typo3 с жидкостью/флюса

Это все работает хорошо, но теперь я хочу быть в состоянии выбрать изображение на странице и использовать его для создания большого заголовка. С templavoila я мог создавать поля, которые были доступны в свойствах страницы, но не может заставить его работать с FLUIDCONTENT.

Я использую Typo3 6.1 и вот моя страница внутри гибкий шаблон:

{namespace v=Tx_Vhs_ViewHelpers} 
{namespace flux=Tx_Flux_ViewHelpers} 
<f:layout name="main" /> 

<f:section name="content"> 
        <f:format.raw>{content_header}</f:format.raw> 
    <div id="content"> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-md-3"> 
        <f:format.raw>{content_left}</f:format.raw> 
       </div> 
       <div class="col-md-9"> 
        <f:format.raw>{content}</f:format.raw> 
       </div> 
      </div> 
     </div> 
    </div> 
</f:section> 

Как я могу добавить поля формы для свойств страницы и использовать их в своих шаблонах?

ответ

4

Боюсь, вы немного смешаете вещи.

flux, fluidcontent и (что особенно важно для вас) fluidpages играть вместе расширить возможности по умолчанию создания fluid шаблоны для TYPO3.

  • поток Является ли базовая технологией для анализа и воссоздания TYPO3 полой формы.
  • fluidcontent использует поток, чтобы позволить гибкие элементы контента
  • fluidpages использует поток, чтобы страничных шаблонов в чистой жидкости с настраиваемыми полями

Резюмируя: Вы прочитали учебник относительно базовой fluid страницы шаблонов , но не fluidpages templating. Для того, чтобы вы начали быстро, есть некоторые примеры и документация ресурсы:

  • quickstart из хранилища документации
  • speciality provider extension из начальной загрузки пакета (пожалуйста, используйте с осторожностью, это пример, не ваш следующий шаблон проекта)
  • расширения fluidcontent_bootstrap и fluidpages_bootstrap

Когда вы через эти ресурсы вам, знаете, как зарегистрировать расширение провайдера, чтобы вы могли выбрать его в свойствах страницы в бэкэнд.

Ваш шаблон может выглядеть следующим образом (это на самом деле взяты из расширения вышеупомянутой специальности):

<!-- Note that the namespace declaration depends on which version of flux you are actually using --> 
{namespace v=Tx_Vhs_ViewHelpers} 
{namespace flux=FluidTYPO3\Flux\ViewHelpers} 
<f:layout name="Page"/> 
<div xmlns="http://www.w3.org/1999/xhtml" lang="en" 
    xmlns:v="http://fedext.net/ns/vhs/ViewHelpers" 
    xmlns:flux="http://fedext.net/ns/flux/ViewHelpers" 
    xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"> 

    <f:section name="Configuration"> 

     <flux:form id="1column" label="1 column layout"> 

      <!-- Options visible in page property --> 
      <flux:field.input name="settings.carousel.categories" eval="trim" default="4" /> 
      <flux:field.input name="settings.carousel.width" eval="trim" default="1200"/> 
      <flux:field.input name="settings.carousel.height" eval="trim" default="340"/> 
      <flux:field.checkbox name="settings.carousel.caption" default="1"/> 

      <!-- Grid displayed in the page module --> 
      <flux:grid> 
       <flux:grid.row> 
        <flux:grid.column colPos="0" label="Main Content"/> 
       </flux:grid.row> 
      </flux:grid> 
     </flux:form> 
    </f:section> 

    <f:section name="Content"> 
     <div class="row" role="main"> 
      <div class="col-md-12" role="section"> 
       <v:page.content.render column="0"/> 
       <f:if condition="{v:var.typoscript(path: 'lib.addthis.display')}"> 
        <f:render section="AddThis" partial="AddThis" optional="TRUE" arguments="{_all}"/> 
       </f:if> 
      </div> 
     </div> 
    </f:section> 

</div> 

шаблоны Большинство потоков (независимо Wether fluidpages или fluidcontent) разделены на (по крайней мере) 3 f:section жидкости разделы:

  • Конфигурация принимает ваши поля формы
  • Pre вид влияет как ваш шаблон просматриваемый в бэкэнде
  • Обычно Content или Main (вы можете повлиять на именование, в макете файлах, но должны придерживаться конвенций Выкладывают accross примеров расширений) делает ваш FCE/Шаблон страницы

Элементы field можно использовать, обратившись к ним через свой атрибут name в качестве геттера. Чтобы проиллюстрировать это, вы можете получить доступ к {settings.carousel.caption} внутри шаблона страницы выше.

+0

Спасибо за тщательные и очень четкие ответы, я думаю, я был немного запутан со всеми различными терминологиями. Завтра я собираюсь создать шаблон жидких страниц. – anteatersa