栏目导航:电脑网站
建议先从栏目目录定位同类模块,再根据是否排障需求选择对应文档。
上位页:返回电脑网站栏目目录
一、功能介绍
魔方多图可快速实现图片混排效果。
模块内的图片可配置选择进入到大图浏览模式;
也可为图片做链接功能,选择图片进入设定的链接。
运用了魔方多图可用比较个性的方式去展示产品或者图片,网页制作的页面会更加独特,给予用户不一样的体验。

二、功能说明
【版本】无版本限制
三、配置教程
1. 添加模块
方法1:进入电脑网站设计页面,点击页面左侧导航【模块-新增模块-高级】进行添加模块;
方法2:在左侧导航点击【模块】,直接点击搜索框输入关键词搜索模块添加。
单击默认添加到当前页面底端,长按可拖动模块到指定位置。

2. 编辑模块
2.1 编辑模块
编辑模块有两种方式,一种是添加模块时首次编辑,另一种是添加模块后选择编辑模块按钮进入二次编辑。

1.2 常规
在常规中支持自定义模块标题、选择样式以及图片添加和配置。
【点击图片】相关效果
默认:如有配置跳转链接则选择进入跳转链接,如未配置则选择无效果;
(配置图片跳转链接方式往下看)
幻灯片:选择图片进入预览大图的模式。
(支持两种查看并确认模块,选择幻灯片后会多一个幻灯片项可进入选择模块)
无效果:选择无任何效果。

1.3 编辑图片
鼠标放在添加的图片上,出现编辑按钮时选择,选择后出现编辑图片弹窗,在弹窗中可给图片配置链接和添加图片描述。
支持多种跳转链接类型。

1.4 图片特效
鼠标停留在图片范围内图片表现的一种特效,可根据个人需求去配置。

特效效果:

3. 模块配置
鼠标放在模块上点击【设置样式】按钮,支持给模块自定义样式。
你可以根据您的实际情况调整。

魔方根据图片数量往下叠加;
不满一个魔方的图片数量时,在魔方未上传图片的区域,可直接选择添加图片。

鼠标长按拖动图片按钮可调整图片位置。

四、注意事项
在魔方多图模块中,删除了任意位置的一张图片,后面的图片就会自动往前挪,这样就容易导致出现“删除一张图片,整个魔方多图的排版全乱了”的情况。
若介意该情况的话,建议先通过“在自由容器中添加图片模块完成排版”的方法达到类似于魔方多图的效果。
自由容器添加图片模块完成排版操作方式:
长按模块拖动到同一个自由容器。

给模块添加图片。

自由调整图片大小及位置。

版式规划建议
以下补充内容用于帮助你在使用魔方多图模块时,让图片混排更有秩序而不是只追求花哨:
- 内容分组:魔方多图更适合用于产品卖点、案例展示或品牌形象图,不建议把无关图片随意拼在一起。
- 图片比例:上传前建议先统一大致构图和清晰度,否则混排后容易出现局部突兀或视觉失衡。
- 链接逻辑:如果图片承担跳转功能,建议提前规划每张图跳到哪里,避免排版完成后再临时修改。
- 替代预案:若后续图片会频繁增删,优先考虑自由容器排版,能减少整体布局被打乱的风险。
适用与不适用
这篇《魔方多图模块介绍》更适合用于处理表单字段设计、通知回执、数据处理与报价计算场景,尤其适合已经进入实际配置、联调或上线验证阶段的操作人员。
不适用的情况:如果页面只做静态内容展示而不涉及用户提交,本部分可只保留上线检查项。
前置条件
- 先明确表单目标:收集线索、预约、报名还是报价。
- 确认字段、通知接收人和数据去向已经设计清楚。
- 如涉及支付或计算,先准备真实测试数据。
验证方式
- 从前台完整提交一条真实数据。
- 检查后台记录、通知消息和回执提示是否一致。
- 如涉及计算/支付,确认金额、变量和结果承接正确。
失败排查
- 提交成功但无通知时,先查通知接收配置、短信/邮件通道和拦截。
- 提交后数据未显示时,优先查后台筛选条件、权限和字段规则。
- 报价计算异常时,优先查变量值和公式顺序。
上线检查清单
- 确认正式域名、正式终端和正式页面入口都已验证通过。
- 随机抽查至少 3 个关键动作或关键模块是否正常。
- 保留一份上线前后的截图或日志样本,便于后续排障。
真实案例式说明
例如《魔方多图模块介绍》如果前台提示提交成功但销售没有收到通知,问题往往不在按钮本身,而在通知接收人、通道配置和回执链路。
常见问题入口
如果你当前更关注失败、未生效、审核不过或状态不同步,建议继续查看这些独立问题页:
继续查看帮助文档与建站服务
如果这篇文档解决了你当前的问题,可以继续回到帮助目录查看同类教程;如果你正在准备企业官网建设、套餐选型或定制开发,也可以继续进入对应服务页了解。