“产品是外贸企业实力的最佳代言。”
在 SX-Creval 系统中，产品列表不再是死板的图片堆砌。我们为你内置了“高级产品卡片组件”。无论你是展示大型机械设备、还是精密的五金配件，都可以通过“搭积木”的方式，一键配置出尺寸统一、带有多重高级悬停交互动效的产品展示矩阵。
1. 基础排版与布局 (Layout & Grid)
你可以自由控制产品卡片在页面上的排列方式：
- 网格列数：支持设置电脑端一行显示 两列、三列 或 四列 产品。（系统会自动在手机端适配为单列或双列，无需你操心）。
- 网格行数：配合列数使用，决定这个区块一共展示多少行产品。
- 卡片文字对齐：
- 左对齐：偏向欧美极简阅读习惯，显得更现代商务。
- 居中对齐：传统稳重，适合卡片元素较少、以图片为主的展示。
2. 智能图片比例 (Image Ratio)
不同行业的产品，适合不同形状的展示框。你只需上传原始图片，SX-Creval 会在后台自动为你进行无损裁剪和智能缩放，保证前台每一张图片都整齐划一！
- 1/1 (正方形)：最经典的外贸电商比例（类似 Alibaba 风格），非常适合五金配件、电子元器件、日用消费品等。
- 4/3 或 16/9 (横向长图)：非常适合展示“大型机械设备”、“生产流水线”或“汽车配件”，能展现产品宽阔的张力。
- 5/6 (竖向长图)：适合展示“服装”、“包装盒”、“瘦高型的仪器设备”，能在视觉上拉伸产品的挺拔感。
(细节微调：你还可以为图片开启*“图片微边框”**，并在“圆角设置”中选择直角或微圆角，以匹配你的品牌调性。)*
3. 高级悬停特效 (Hover Effects)
这是 SX-Creval 最具魅力的功能之一！当海外客户将鼠标移到你的产品图片上时，会发生什么？我们提供了多种世界级的前端交互动效：
经典缩放类 (最百搭)
- 放大 (Zoom in)：鼠标移入时，图片在框内缓慢放大，拉近客户与产品的距离，细节尽显。
- 缩小 (Zoom out)：图片默认带有轻微放大效果，鼠标移入时恢复原状，视线随之聚焦。
3D 与空间类 (极具科技感)
- 3D 翻转卡片 (Flip Card)：强烈推荐！ 像翻开扑克牌一样，鼠标移入时卡片 3D 翻转 180 度，背面会显示深色酷炫的背景和“View Details (查看详情)”按钮，极具互动趣味。
- 3D 悬浮倾斜 (Tilt 3D)：卡片会跟随鼠标的位置产生轻微的 3D 倾斜和阴影浮动，质感拉满，如同真实的物理卡片。
✨ 光影质感类 (高端质感)
- 光斑浮现 (Glow) / 边缘扫光 (Edge Sweep) / 分割光线 (Split Light)：当鼠标移入时，会在卡片表面划过一道高级的光泽或玻璃反光，非常适合高科技产品或新能源行业。
- 相框遮罩 (Overlay Frame)：图片默认变暗，并浮现出精美的四角相框与产品标题，适合以全屏大图为主的“氛围感”产品展示。
4. 轮播控件样式 (Carousel Style)
如果你的产品数量超过了设定的网格数，系统会自动将其变为“滑动轮播图”。你可以自定义控制器的外观：
- 底部圆点 (Dots)：最常见的样式，简约低调。
- 侧边悬浮箭头 (Arrows)：显示在产品左右两侧的悬浮按钮，方便快速切换。
- 右上角长尾箭头 (Top-right Arrows)：极具现代设计感！ 两个细长的箭头并排悬浮在模块的右上角，这是目前许多顶尖国际网站最爱用的样式。
- 全部显示 (Both)：同时显示箭头和圆点。
💡 运营与内容小贴士 (Pro Tips)
- 产品信息的来源：
卡片下方展示的标题和简短介绍，自动抓取自该产品页面的“SEO 标题 (SEO Title)”和“搜索描述 (Search Description)”。请务必在发布产品时填好这两个字段，这不仅能让卡片展示非常饱满，更对 Google 排名大有裨益！ - 隐藏的转化利器 —— "View Product"：
为了保持界面的干净整洁，当客户平时浏览时，卡片底部非常清爽；但当鼠标悬停在卡片上时，系统会自动浮现一个带有箭头指向的 View Product (查看产品) 提示，顺滑地引导客户点击进入详情页。 - 保持统一的动效基调：
建议你在整个网站的产品列表中，固定使用 1 到 2 种悬停特效（例如首页用 3D 翻转卡片，内页用 放大 Zoom in），统一的视觉语言能大幅提升品牌的专业度。