将自定义 CSS 类添加到 Fluid 小部件分页

【问题标题】：Adding custom CSS classes to Fluid widget paginate将自定义 CSS 类添加到 Fluid 小部件分页
【发布时间】：2019-03-30 23:40:09
【问题描述】：

是否可以向这个小部件添加自定义 css 类：

<f:widget.paginate objects="{products}" as="paginatedProducts" 
configuration="{itemsPerPage: 1, insertAbove: 1, insertBelow: 0, 
maximumNumberOfLinks: 10}">

目前，“下一步”按钮内部有一个 li 和链接。我希望链接成为一个按钮。所以我想在a（li内部）添加一个名为'btn btn-primary'的类

【问题讨论】：

标签： typo3 fluid typo3-9.x fluid-styled-content

【解决方案1】：

您可以使用 TypoScript 覆盖扩展中使用的小部件的模板：

plugin.tx_yourextension.view.widget.TYPO3\CMS\Fluid\ViewHelpers\Widget\PaginateViewHelper.templateRootPaths.10 = EXT:yourextension/Resources/Private/Templates/

然后您可以在自定义模板中添加类。自定义模板的路径在你的扩展中应该是Resources/Private/Templates/ViewHelpers/Widget/Paginate/Index.html。

您可以在此处找到分页小部件的默认模板：typo3/sysext/fluid/Resources/Private/Templates/ViewHelpers/Widget/Paginate/Index.html

【讨论】：