现在位置:首页 » 阿里巴巴装修教程 » 阿里国际站宝贝详情页插入关联营销模块一图多链接图文演示,设置关联产品方法
X

阿里国际站宝贝详情页插入关联营销模块一图多链接图文演示,设置关联产品方法

分享到:

作者:疯狂的美工萱萱    日期:2019-3-2 10:28   人气:2993  

广告
    数据加载中...
阿里巴巴国际站详情页添加关联销售模块代码如何操作?alibaba英文站描述页要给关联产品模块插入超链接实现方法分享。越来越多人也开始注重阿里巴巴国际站旺铺的装修啦,除了装修电脑端及手机无线店铺,还有一个非常重要的位置大家也会去装修就是国际站详情页上方添加关联销售模块,把自己店铺上新的产品或卖得好的产品做一个超链接关联产品模块推荐给买家。这样买家就有更多的购物选择,从而带来更大的转化。那么作为新手可能不太知道操作步骤,不会的话可以跟着疯狂的美工小编学习一下哦。方法很简单。几步就可以操作完成哦。
首先准备好自己的关联图片,直接准备好整张的,宽做750的,高不限制,一般的关联模块尺寸大概是750-1500px左右,不要太长,太长买家可能没有就不往下拉啦。
图片准备好先上传好国际站图片银行。如果不会上改图片的亲们可以点击链接参考这个图文方法很详细:https://www.fkdmg.com/article/3939.html
图片上传完后复制图片链接地址去添加超链接,可以直接利用疯狂的美工阿里巴巴国际站全屏热点工具给图片添加多链接,此时由于用在详情页请不要勾加入全屏代码选项哦,否则模块就会偏移啦。当然你也可以通过DW切片给图片加链接或者用其他形式工具加上对应的链接地址。
疯狂的美工阿里巴巴国际站全屏热点工具链接地址:https://www.fkdmg.com/alibabarequs/

把图片银行复制出来的图片地址放到热点工具中,小编就以疯狂的美工热点工具为例子给大家演示,这里也特别说明一下用加热点的方法虽然方便快捷但是用于详情页的时候链接是在原窗口上打开的哈,就是点击链接直接打开页面,不支持新窗口打开页面哦,如果不介意的就用此方法,介意的自己去PS中切片DW加上链接即可哦。

图片放到工具中后就是鼠标拖拽去画热区啦,哪块区域要加超链接就到对应区域绘制热点区域,然后加上对应的宝贝链接地址即可啦。复制好的宝贝链接添加到加链接框框中,注意链接格式是https://不能复制带www的地址哦,带www的地址是无效的!

在这里小编教大家一个正确能复制到宝贝链接地址加上去不会失效的方法,小编发现有的群友直接在浏览器上方复制的地址有的时候会带www的导致加上去无法点击,看下图正确复制宝贝链接地址可以进入所有分类页面,鼠标放到对应宝贝那鼠标右键复制链接地址!

好了链接复制好加好预览没有问题的话就可以点击生成代码按钮复制代码装到店铺对应描述页面里啦。

那么问题来了,复制出来的代码怎么安装进描述页里呢?请看下图,打开你要安装关联模块的宝贝详情编辑页面,也就是上传详情页图片的那个位置。

哪个详情页要装关联就进哪个页面安装代码,如上图先点击左上角框选的源代码模式按钮,点击切换源代码模式按钮,切换后周边都会变灰,然后粘贴刚刚在工具中复制生成的关联模块代码,一般情况下关联模块代码都是装在详情页最上方,那么复制出来的代码也就是粘贴到最上方就可以了,当然如果你要其他位置也行,总之插入代码到你要的位置上。最后直接点发页就好啦,不要再切换回源代码模式去看图啦。直接源代码模式粘贴完代码之后点发布,刷新页面看效果就行啦。

这样一个关联销售模块就安装完成啦,是不是很简单,快去试试吧,如果电脑端首页及自定义页面或手机店铺要自定义代码装修也可以借助疯狂的美工阿里巴巴国际站装修工具做自定义代码装修哦,以下是工具地址及使用教程有兴趣的可以学习一下,不用买包月模板就可以自定义装修

疯狂的美工阿里巴巴国际站工具功能列表:https://www.fkdmg.com/gongju/alibaba/

疯狂的美工阿里巴巴国际站在线自由布局工具地址:https://www.fkdmg.com/alibuju/

疯狂的美工阿里巴巴国际站在线装修代码工具教程列表:https://www.fkdmg.com/jiaocheng/alibaba/

疯狂的美工阿里巴巴国际站在线自由布局工具教程列表:https://www.fkdmg.com/jiaocheng/alibaba/

    疯狂的美工小程序码

阿里巴巴装修助手代码工具

疯狂的美工阿里巴巴国际站装修助手

  如果觉得我们软件不错您可以: 赞助VIP 下载看看 联系客服