将自定义 CSS 类 添加到 Fluid 小部件分页
Adding custom CSS classes to Fluid widget paginate
是否可以向此小部件添加自定义 css class:
<f:widget.paginate objects="{products}" as="paginatedProducts"
configuration="{itemsPerPage: 1, insertAbove: 1, insertBelow: 0,
maximumNumberOfLinks: 10}">
目前 "next" 按钮里面有一个 li 和 link。我希望 link 成为一个按钮。所以我想在名为 'btn btn-primary'
的 a(li 内)中添加一个 class
您可以使用 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
是否可以向此小部件添加自定义 css class:
<f:widget.paginate objects="{products}" as="paginatedProducts"
configuration="{itemsPerPage: 1, insertAbove: 1, insertBelow: 0,
maximumNumberOfLinks: 10}">
目前 "next" 按钮里面有一个 li 和 link。我希望 link 成为一个按钮。所以我想在名为 'btn btn-primary'
的 a(li 内)中添加一个 class您可以使用 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