商品滚动装修模块
0 下载次数
29 查看数
2026-05-26 最后更新
￥29.00
￥59.00
订阅价格：
按额度充值订阅
首次购买赠送1元额度，后续充值额度使用
如何购买
1
登录您的BeikeShop商城后台
2
点击右上角“插件市场”
3
选择需要购买的插件
4
购买&安装
插件描述
Product Scroll 商品滚动装修模块
概述
Product Scroll 是一个为商城后台「设计 → 装修」功能增加商品滚动展示模块的插件。它可以从指定分类（专辑）中自动拉取商品，或以访问量/销量排行、手动指定商品的方式，以无缝横向跑马灯的形式循环滚动展示商品。
主要功能
🎯 四种商品来源
| 来源方式 | 说明 |
|---|---|
| 商品分类 | 从选定的商品分类中自动拉取最新商品 |
| 指定商品 | 手动搜索并选择特定商品进行展示 |
| 访问量排行 | 按商品访问量从高到低自动取数 |
| 销量排行 | 按商品销量从高到低自动取数 |
📐 丰富的配置选项
| 配置项 | 说明 |
|---|---|
| 标题与副标题 | 支持多语言，留空则不显示 |
| 产品总数量 | 可设置 1~50 个商品 |
| PC端图片大小 | 80px ~ 320px 可调 |
| 移动端图片大小 | 60px ~ 240px 可调 |
| 滚动速度 | 5秒 ~ 120秒可调 |
| 模块宽度 | 窄屏(container) / 宽屏(container-fluid) / 全屏(w-100) |
🛒 商品卡片展示内容
-
商品图片（懒加载，支持图片缩放悬停效果）
-
商品名称（支持两行截断）
-
商品价格（原价 + 促销价，遵循系统价格显示规则）
技术特点
-
✅ 无缝跑马灯动画：商品列表自动横向循环滚动，鼠标悬停暂停
-
✅ 双份复制机制：两份商品列表无缝衔接，滚动体验流畅
-
✅ 响应式适配：PC 与移动端独立配置图片大小
-
✅ 性能优化：图片懒加载，CSS 变量控制样式
-
✅ 尊重减少动态偏好：遵循系统
prefers-reduced-motion设置，降级为静态展示 -
✅ 自包含样式：样式内联于模块片段内，装修编辑器 AJAX 预览与前台均正常生效
-
✅ 价格显示逻辑：遵循系统「登录后显示价格」配置
适用场景
-
爆款商品推荐
-
新品快速展示
-
热销/热门商品轮播
-
分类商品展示墙
-
首页商品促销区
