在“颜色”属性的类别页上添加快速筛选器

Question

我尝试使用与Shopware为其筛选面板使用的相同方法创建快速过滤器，但我遇到了一些问题。我希望在侧边栏和产品列表块上方的滑块中都有“颜色”属性过滤器。这就是我想到的滑块的设计：

​

我可以通过添加另一个过滤面板并过滤掉未使用的属性来实现此功能，但是当尝试选择其中一种颜色时，一切都会中断。您可以通过在类别页面中添加两个筛选块来尝试这一点。我不认为有多个过滤器面板是支持的方式过滤器是目前设置。我尝试过添加对此的支持，但是有很多代码需要编辑才能完成。检查这些文件和它的父类，看看大多数过滤过程是如何工作的：

• vendor/shopware/storefront/Resources/app/storefront/src/plugin/listing/filter-property-select.plugin.js
• vendor/shopware/storefront/Resources/app/storefront/src/plugin/listing/listing.plugin.js

能否以另一种方式实现这一目标？

Answer 1

我已经实现了类似的但不是颜色，我在清单上添加了新的过滤器，这个链接指向边栏过滤器https://bike-resale.de/E-Bikes。

​

​

我创建了js插件来侦听输入更改，然后通过ID查找侧栏筛选器，并在其上分派change事件，这将触发列表中的筛选器。你可以试试这个方法。

...
  _updateFilterValue(value) {
    this._filterInput.value = value;
    this._filterInput.dispatchEvent(new Event('change'));
  }
...

​

​