如何禁用Prestashop Ebotic主题轮播的圆形滑块按钮？

架构老林

2026-6-26

解决Prestashop Ebotic主题滑块双按钮问题

排查主题后台配置：进入Prestashop后台，找到Ebotic主题的专属滑块设置入口（通常在「设计 > 主题与logo」或独立的主题设置菜单），检查是否同时开启了“默认导航按钮”和“自定义导航按钮”两类选项，关闭其中一组即可。
用开发者工具定位元素：按下F12打开浏览器开发者工具，选中重复的按钮元素，查看它们的类名（比如插件自带的.owl-prev/.owl-next和主题自定义的.slider-btn-prev），然后在主题的自定义CSS中隐藏其中一套：
```
/* 示例：隐藏插件自带的导航按钮 */
.owl-carousel .owl-prev, .owl-carousel .owl-next {
    display: none !important;
}
```
检查主题模板文件：滑块的HTML结构一般存放在主题的templates/modules/或templates/front/目录下的滑块相关文件（如slider.tpl），查看是否重复编写了按钮代码片段，删除多余部分即可。
清理缓存：修改完成后，在Prestashop后台「高级参数 > 性能」中清除系统缓存，同时刷新浏览器缓存确保修改生效。