Bricks Tabs 自动轮播：滚动到可视区自动切换标签页
想让 Bricks 的 Tabs（Nestable） 元素自动轮播——元素滚动到可视区后每 x 秒自动切下一个标签页？一个 class + 一段脚本搞定。
本文基于 BricksLabs 公开免费教程实译，代码完整可复用。原文：Auto switching Bricks Tabs
步骤一：加 CSS class
选中 Tabs（Nestable）元素 → STYLE → CSS，在 “CSS classes” 字段填入：
autoplaying-tabs步骤二：粘贴脚本
进入 页面设置 ⚙️ → PAGE SETTINGS → CUSTOM CODE，把以下脚本粘到 Body（footer）脚本区：
<script>
document.addEventListener('DOMContentLoaded', function () {
const tabsContainer = document.querySelector('.autoplaying-tabs');
const tabTitles = tabsContainer.querySelectorAll('.autoplaying-tabs .tab-title');
const tabPanes = tabsContainer.querySelectorAll('.autoplaying-tabs .tab-pane');
let activeIndex = 0;
let autoPlayInterval;
// Helper function to handle the activation of tabs
function脚本逻辑：DOMContentLoaded 后选取 .autoplaying-tabs 内的标题与面板，用定时器按设定间隔激活下一个 tab；配合可视区检测（IntersectionObserver 或滚动监听）在元素进入视口时才启动轮播，离开视口暂停。
小结
- 零插件，纯原生 JS
- 可视区才轮播，性能友好
- 适合首页产品卡/方案多标签展示
延伸阅读
延伸阅读
tutorial
Bricks 判断 ACF Repeater 是否有数据行：条件输出进阶
教程：在 Bricks 里用自定义函数判断 ACF Repeater 字段是否有数据行，从而条件显示元素。解决基础类型条件判断搞不定的数组型字段。
tutorialBricks 给区块加草稿状态开关：编辑器里隐藏未定稿区块
教程：用代码片段给 Bricks 所有元素加一个“草稿状态”勾选框，勾选后前端不输出。适合临时隐藏未定稿区块（Bricks 2.0 已原生内置，本文作历史方案参考）。
tutorialBricks 嵌套滑块做网格轮播：用 SplideJS 扩展实现多行多列
教程：在 Bricks 默认嵌套滑块(nested slider)里做出多行多列的网格轮播效果，用 SplideJS 的 grid 扩展实现，适合产品墙/案例墙展示。
tutorialBricks 用 IsotopeJS 做筛选（一）：入队库与基础初始化
教程：IsotopeJS 筛选系列第一篇——在 Bricks 里用 WordPress 原生入队 IsotopeJS（Bricks 内置库），配好 CSS 变量响应式列数与初始化脚本。