首页 > 解决方案 > 用竖线 (|) 分隔限制器值

问题描述

我正在尝试弄清楚如何用管道 (|)分隔我的限制器值

理想情况下,最终结果将是View: 48 | 120 | ALL,目前我已经能够得到View: 48 120 ALL

这是我到目前为止使用的:

<div class="field limiter">
    <label class="label" for="limiter">
        <span><?= /* @escapeNotVerified */ __('View:') ?></span>
    </label>
    <div class="control">
        <?php foreach ($block->getAvailableLimit() as $_key => $_limit): ?>
            <a data-role="limiter" href="#" data-value="<?php /* @escapeNotVerified */ echo $_key ?>"<?php if ($block->isLimitCurrent($_key)): ?>
                class="selected"<?php endif ?>>
                <?php /* @escapeNotVerified */ echo $_limit ?>
            </a>
        <?php endforeach; ?>
    </div>
</div>

标签: magento2categories

解决方案


它可以通过 CSS 轻松完成。

对于这种调整,我总是更喜欢 CSS。

.limiter .control a + a::before {
   content: " | ";
}

它将在标签之间添加一个管道分隔符

演示可以在Fiddle找到

以上希望对您有所帮助!


推荐阅读