淘宝天猫VIP

阿里国内站VIP

阿里国际站VIP

京东平台VIP

全站通VIP

当前位置: 首页 经验分享/新闻资讯 经验分享/常见问题解答 阿里1688/阿里国际站

阿里1688诚信通店铺详情描述页制作关联销售模块方法,利用PS切片加多链接图文演示 ... ...

收藏 邀请
装修店铺一般都会装修到详情描述页关联销售模块,也就是我们说的给对应宝贝页添加一个关联宝贝营销推荐模块,把店铺热卖宝贝推荐到爆款页面。通常我们会想到给图片画热区加链接,但是有一个缺陷就是链接打开方式不支持新窗口打开直接过滤变成原窗口打开。如果热区的方法介意使用的话建议可以学习以下用PS切片的方法给图片添加不同的链接。下面来看看怎么给图片切片及加上链接最后怎么安装到阿里1688中文站店铺的宝贝详情页里。
一准备工作开始: 1.PS软件下载好(adobe photoshop)

2.关联营销的整张图片准备好,图片怎么制作这里就不说了,看一些基础PS教程可以学到。

【网络上准备上图片作为演示】这是准备好的整张图片,保存在桌面或者文件里;

打开PS软件(adobe photoshop)

1.点击”文件”—选择“打开”

找到保存好的整张图片选中,点击打开

选择“切片工具”快捷键c

从左上角按住左键不放,拖动鼠标到右下角,选中如图所示区域。

鼠标移动到图片位置点击右键选择“划分切片”

选择“水平划分”和“垂直划分”数值3,然后点击确认。

点击文件,选择“存储为Web和设备所用格式”

注意右上角的格式与数值,确认无误后点击“存储”

选择一个文件夹保存,注意格式选择“HTML和图像”,然后点击保存。

下面开始教大家如何更换图片的源代码:

接下来是最重要的步骤,也是最容易操作失误的地方。

点击之前用PS保存的文件,双击点开关联营销

如图操作

然后在桌面点击右键新建一个文本文档把复制的源代码,粘贴在文档里面,保存好。

下面的操作是在卖家中心—图片管家里面完成

打开图片关键创建新相册,上传PS切片后的图片

点击保存的文件找到images文件,把图片上传到阿里图片管家里面,怎么上传图片这里就不说了,下一步点击查看图片—复制地址—复制提示框内的URL地址。【如图操作】

上传完上图文件内的图片后,找到相册点击图片开始复制URL地址了【如下图】

【注意下面的操作】

打开保存的源代码文档,把图片中红框内的代码更改为URL地址

PS切片了多少图片就要更改多少图片的URL地址


全部更改完成后复制源代码,打开销售中的产品,在详情描述框最下面点击源代码,把文档内更改好的源代码粘贴到最前面,注意空格。

最后按照对应产品点击图片,添加产品链接进去就完成了

总结一下步骤:

第一步制作好关联营销的整张图片

第二步使用PS切片工具划分成单张图片,保存为HTML和图像

第三步上传保存的单张图片到阿里图片管家

第四步打开保存的HTML关联营销获取图片源代码

第五步复制图片管家单张图片的地址在源代码里面更改

第六步复制更改好的源代码添加到详情页,最后按照图片对应产品添加产品链接即可。

最后如果还有疑问对PS切片这块推荐看这个视频教程,虽然讲的是淘宝天猫店铺做关联的但阿里巴巴装修也类似,可以算是通用教程啦。

通用详情页关联制作方法PS切片DW加链接,大多数店铺都这样做的

http://www.mgzxzs.com/tmtbzxjc/366.html

如果想要了解更多关于阿里巴巴店铺装修方面知识可以关注疯狂的美工网站哦。



鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

阅读排行榜

关注官方微信

开放QQ群

美工3群:692378067

美工2群:199**044(满

极限词群:913262327

平台简介

六年疯狂 初心不变:从2013年至今我们一直在研究和探索电商设计师所面临的难题最佳解决方案,我们致力打造一款更好用,更实用电商设计师辅助工具,疯狂六年只为做好一件事,以开放共享共赢的心态,更好的服务于广大电商设计师。
by:疯狂的美工电商设计师学习交流平台

手机版- 疯狂的美工 |网站地图

Powered by Fkdmg.Com © 2013-2020    赣ICP备18006944号-1