当前位置:网站首页 >  攻略

苹果CMS分类筛选功能修改全流程实操指南

时间:2026年06月09日 07:01:36 来源:易频IT社区

定位核心模板文件

要修改苹果CMS的分类筛选功能,首先必须找到控制筛选显示的模板文件。苹果CMS v10版本默认的模板路径位于网站根目录下的 /template/default/html/ 文件夹中。分类页的筛选逻辑通常直接嵌入在分类列表页文件中。

请打开你的FTP工具或服务器文件管理器,找到以下文件:

/template/default/html/vod/type.html

这是视频分类页的核心模板。如果使用的是自定义模板,请将 default 替换为你实际使用的模板文件夹名称。使用代码编辑器(如Sublime Text、VS Code或Notepad++)打开该文件。不要使用记事本,以免出现编码错误。

理解筛选数据变量

在修改代码前,必须了解苹果CMS在分类页传递的内置变量。这些变量是构建筛选功能的基础:

  • $obj:当前分类的对象数据,包含分类ID、名称等。
  • $type_list:全部分类列表数据。
  • $area_list:当前数据下包含的地区列表(如:大陆、美国、香港)。
  • $year_list:当前数据下包含的年份列表。
  • $lang_list:当前数据下包含的语言列表。
  • $param:当前URL请求的参数集合,用于判断当前选中的筛选条件。

筛选功能的本质,就是循环输出 $area_list$year_list 等数组,并生成带有对应参数的链接。

重构筛选区域HTML代码

默认的筛选样式可能不符合你的需求,我们需要重写HTML结构。在 type.html 文件中找到筛选区域的代码(通常在

附近),将其替换为以下结构。我们将构建一个包含“地区”、“年份”和“语言”的横向筛选栏。

请复制以下代码并覆盖原有的筛选区域:

```html
地区:
全部 {volist name="$area_list" id="vo"} {$vo.area} {/volist}
年份:
全部 {volist name="$year_list" id="vo"} {$vo.year} {/volist}
语言:
全部 {volist name="$lang_list" id="vo"} {$vo.lang} {/volist}
```

代码解析:

1. {:mac_url_type($obj,['area'=>''])}:这是苹果CMS内置的URL生成函数。它接收当前分类对象 $obj 和一个参数数组。这里将 area 设为空,代表“全部”的链接。

2. {$param['area']==''?'active':''}:这是一个三元运算符。它检查当前URL参数中的 area 是否为空,如果为空,则输出 active 类名,用于CSS高亮显示当前选中的状态。

3. {volist name="$area_list" id="vo"}:循环输出地区列表。同理,年份和语言也使用相同的逻辑处理。

添加筛选状态高亮逻辑

苹果CMS分类筛选功能修改全流程实操指南

在上一步的HTML代码中,我们已经嵌入了判断当前状态的逻辑。为了确保高亮生效,必须确认CSS类名 active 被正确定。如果默认模板中没有定义 .active 的样式,筛选按钮在选中时将不会有视觉反馈。

请在模板的CSS文件中(通常在 /template/default/html/css/style.css 或 标签内的