2015-04-13 3 views
0

Как я могу использовать tx_news для стилей разбиения на страницы из пакета Bootstrap?TYPO3 - Настроить tx_news, чтобы использовать стиль og Bootstrap Package CSS

+0

Что вы пытались до сих пор достичь? Вы скопировали шаблон PaginationWidget и т. Д.? Пожалуйста, дайте дополнительную информацию, где именно вы застряли. – lorenz

+0

Я ничего не сделал. Я не знаю, с чего начать. Я могу найти PaginationWidget в tx_news, но что мне делать с этим, чтобы адаптировать Bootstrap CSS? –

ответ

1

В ваших TS добавить CONFIG

plugin.tx_news { 
    widget.GeorgRinger\News\ViewHelpers\Widget\PaginateViewHelper.templateRootPath = EXT:YOURPATH/Resources/Private/Templates/Ext/tx_news/Templates/ 
    } 

и добавить туда

YOURPATH/Ресурсы/Private/Templates/Ext/tx_news/Шаблоны/ViewHelpers/Widget/постраничной/Index.html

затем некоторый код

{namespace n=GeorgRinger\News\ViewHelpers} 


    <f:renderChildren arguments="{contentArguments}" /> 


    <div class="row"> 
     <div class="col-md-12"> 
      <div class="clearfix"></div> 
      <div class="hidden-xs hidden-sm"> 
       <f:render section="paginator" arguments="{pagination: pagination, configuration:configuration, class:'pagination-lg'}" /> 
      </div> 
     </div> 
     <div class="col-xs-12 visible-xs"> 
      <f:render section="paginator" arguments="{pagination: pagination, configuration:configuration, class:'pagination-sm'}" /> 
     </div> 

     <div class="col-md-12 visible-sm"> 
      <f:render section="paginator" arguments="{pagination: pagination, configuration:configuration, class:'pagination-lg'}" /> 
     </div> 
    </div> 

    <f:section name="paginator"> 
     <f:if condition="{pagination.numberOfPages} > 1"> 
      <f:if condition="{settings.list.paginate}"> 
       <f:if condition="{pagination.current} > 1"> 
        <n:headerData><link rel="prev" href="<f:widget.uri arguments="{currentPage: pagination.previousPage}" />" /></n:headerData> 
       </f:if> 
       <f:if condition="{pagination.nextPage}"> 
        <n:headerData><link rel="next" href="<f:widget.uri arguments="{currentPage: pagination.nextPage}" />" /></n:headerData> 
       </f:if> 
      </f:if> 

      <ul class="pagination {class}"> 
       <f:if condition="{pagination.previousPage}"> 
        <f:then> 
         <li class="previous"> 
          <f:if condition="{pagination.previousPage} > 1"> 
           <f:then> 
            <f:widget.link arguments="{currentPage: pagination.previousPage}">&#8592;</f:widget.link> 
           </f:then> 
           <f:else> 
            <f:widget.link>&#8592;</f:widget.link> 
           </f:else> 
          </f:if> 
         </li> 
        </f:then> 
        <f:else> 
         <li class="disabled"> 
          <a href="#">&#8592;</a> 
         </li> 
        </f:else> 
       </f:if> 
       <f:for each="{pagination.pages}" as="page"> 
        <f:if condition="{page.isCurrent}"> 
         <f:then> 
          <li class="active"><a href="#">{page.number}</a></li> 
         </f:then> 
         <f:else> 
          <li> 
           <f:if condition="{page.number} > 1"> 
            <f:then> 
             <f:widget.link arguments="{currentPage: page.number}">{page.number}</f:widget.link> 
            </f:then> 
            <f:else> 
             <f:widget.link>{page.number}</f:widget.link> 
            </f:else> 
           </f:if> 
          </li> 
         </f:else> 
        </f:if> 
       </f:for> 
       <f:if condition="{pagination.nextPage}"> 
        <li class="last next"> 
         <f:widget.link arguments="{currentPage: pagination.nextPage}">&#8594;</f:widget.link> 
        </li> 
       </f:if> 
      </ul> 
     </f:if> 
    </f:section> 

Pls не забудьте изменить путь к папке