橱窗式精选产品聚合展示

“把最好的产品直接推到他们眼前。”

SX-Creval 系统为你打造了 4 款 顶级的大型产品展厅组件。你不再需要手动一张张上传图片、排版对齐。你只需“选中产品分类”，系统就会自动抓取最新、最热门的产品，并以世界 500 强企业的排版规格呈现在首页。

1. 四大高转化展厅版式 (Showcase Layouts)

根据你公司的产品线复杂程度，我们提供了 4 种不同的陈列方案：

视觉特点：最经典的电商级陈列。产品以整齐的网格（2列、3列或4列）排列。
智能黑科技：如果你设置了一排显示 4 个产品，但你实际选中了 8 个产品，会发生什么？系统会自动将它无缝升级为“滑动轮播图”！ 客户可以在当前屏幕内左右滑动查看，极大地节省了网页空间。
适用场景：适合展示“公司最新上架单品”或“全系畅销产品大合集”。

视觉特点：顶部是一排精美的选项卡（Tabs），点击不同的选项卡，下方会丝滑切换出对应的产品。
高级功能（分类横幅）：你可以为每一个选项卡开启**“分类描述横幅”**。当客户点击某个分类时，不仅会显示产品，还会在产品上方先展示一张极具冲击力的“左文右图”海报，用来介绍该系列的核心技术优势。
适用场景：适合拥有 3-5 条清晰产品线（例如：激光切割机 / 数控折弯机 / 焊接设备）的企业，让买家不跳页就能看遍全部分类。

视觉特点：打破常规的“一主多次”不对称排版！左侧（或顶部）是一个巨大的“主打产品卡片”，占据绝对的视觉 C 位；旁边则环绕着几个较小的“附属产品卡片”。
适用场景：极其适合重型机械、成套解决方案供应商！ 主卡片放你们最贵、最核心的“主机设备”，旁边的小卡片放“辅助配件”或“耗材”，直接在首页向客户兜售一套完整的生态系统。

视觉特点：高度还原实体《产品画册》的阅读体验。左侧是垂直的分类导航菜单，右侧是大面积的产品网格。
适用场景：适合产品型号极多、分类极细的企业（如：五金工具、电子元器件）。客户可以快速扫视左侧菜单，精准定位，是 B2B 采购工程师最喜欢的极简寻源模式。

在 SX-Creval 系统中，你几乎不需要在首页重复录入产品信息。我们采用的是“数据库智能抓取”模式：

指定单个产品：在【产品页面列表】中，你可以手动精准挑选几个你想展示的具体产品（如：今年的爆款）。
指定整个分类（强烈推荐）：在大部分组件中，你只需要选择一个**“产品类别 (Product Category)”，并设定“展示数量”（如 4 个）。系统就会自动去你的产品库中，把该分类下最新发布、排序最靠前**的 4 个产品抓取到首页。
- 好处：未来你在后台发布了新产品，首页会自动更新，永远保持新鲜感，彻底免去手动维护的烦恼！

除了强大的功能，你还能一键改变展厅的“气质”：

图片比例统一切换：不管你上传的产品图有多乱，只要在【样式设置】中选择比例（如：正方形 1:1 或长方形 4:3），系统会自动将所有产品图智能无损裁剪，保证前台极其整齐。
卡片颜色反转 (Dark Mode)：（注：款式三、四专享）
- 如果你在下方垫了一张深色背景图，请务必开启此功能！产品卡片将瞬间由白底变成**“深邃的半透明质感 / 暗色模式”**，非常适合极客、新能源、高端精密制造类网站。
悬停特效 (Hover Effects)：产品缩放、3D翻转卡片、光影扫过... 各种苹果级的动态交互，只需在下拉菜单中轻轻一点即可应用。

产品图的底色决定了网站的档次：
无论系统多么强大，前提是你的图片要干净。强烈建议所有产品的主图统一采用**“白底”或“浅灰底”**（或统一切掉背景变成透明图）。如果产品图背景杂乱无章，任何高级的排版都会显得像廉价的地摊货。
不要在首页放满所有的产品：
首页的目的是“吸引注意力”并“引导点击”，而不是做全部的目录展示。任何一个分类的展示数量建议控制在 4-8 个即可。保持留白，让客户意犹未尽地点击“View More (查看更多)”进入专门的产品列表页。
合理搭配【版块标题】：
每个展厅组件都内置了【标题与描述】功能。不要干巴巴地只写 "Products"，试着写带有营销力量的文案，例如标题写 "Engineered Solutions"，描述写 "Explore our most popular solutions—engineered for efficiency and ready for scale."（探索我们最受欢迎的解决方案——专为高效而设计，随时准备扩大规模）。