Unlimited Elements 的Select Dropdown Filter 和 Post Grid组件联动同步解决方案

Unlimited Elements 的Select Dropdown Filter 和 Post Grid组件联动同步解决方案

问题:当Unlimited Elements组件中的Select Dropdown Filter 和 Post Grid组件联动的时候,用Select Dropdown Filter组件做自定义Project Category分类和Project Tag标签二段过滤条件,会在Archive分类页面中出现各种问题。要么Select Dropdown Filter无法默认选中当前分类的项,要么分类和标签两项同时过滤时,标签其它过滤项消失。出现各种各样的坑。

解决方案:

组件使用场景:

情景1:在page页中使用Select Dropdown Filter 和 Post Grid过滤,由于不需要默认选中Select Dropdown Filter条件,配置简单多,一般不会遇到坑,如下配置一下即可

前端页面打开时,初始过滤组件样式如下

Select Dropdown Filter组件配置条件如下

post grid组件配置如下:数据源采用custom posts,当过滤条件改变时,自动过滤列表内容

情景2:在分类聚合页(Achive页),显示Select Dropdown Filter组件时,需要默认选中当前分类的项,需要Select Dropdown Filter 和 Post Grid组件按如下配置才以正常运行。这种情况下坑非常多。一定要按下面方式配置

第一个Select Dropdown Filter(project category)过滤组件配置如下

第二个Select Dropdown Filter(project category)过滤组件配置如下

第三个 Post Grid组件配置如下

一定要开启Post Filtering功能,支持Select Dropdown Filter组件过滤功能,否则无效

Comments are closed.