一．入口：商家登陆商家后台，点击商品管理-关联版式设置

二．创建关联版式流程：创建关联版式—pc/app—填写内容保存—关联商

三．操作步骤：

1.点击创建新版式

2.填写版式信息

关联版式分为pc和手机版

分为关联版式顶部和关联版式底部

注：电脑版和手机版的关联版式中顶部和尾部不能同时为空

手机版如无特殊内容，请复制pc端内容，切勿随意填写，影响app的商祥页体验

1）电脑版页面截图如下：

上传图片：

切换源码模式：可直接添写html源码。

2）手机版页面截图如下：

点击图片上传，弹出如下图片上传按钮

点击添加图片：

选中图片后，点击开始上传，图片上传成功后，点击插入，图片添加成功后，点击关闭按钮。

图片上传成功。

3. 填写完成后，点击保存按钮，保存前可以点击预览看已经填写好的版式信息。 （预览时注意看是否出现了无意输入的特殊字符，避免造成前端用户体验问题）

4. 创建好版式后，可关联商品，点击 【管理关联商品】

1）勾选商品编码,点击添加选中商品

2） 回到列表可以看到所关联的商品，关联版式就设置完成了。

5.商祥展示顺序：强制广告位——统一海报——关联版式顶端——商品介绍——关联版式底端。

Pc展示效果：

APP展示效果：

注意事项：

1）为避免影响用户体验，当您设置的关联版式为全渠道通用，请在搭建活动页时务必关联无线端链接。”http://mjbbs.jd.com/forum.php?mod=viewthread&tid=73534&page=1&extra=“

2）在新建关联版式时，请各位注意检查，避免误输入无意义的字符，导致前端展示的用户体验问题。

例如：目前已经发现有些商家设置的关联版式中出现了“……””<>”等无意义字符。

这条帮助是否解决了您的问题？