淘宝店铺装修代码用什么软件做的(淘宝美工设计速成基础教学之代码篇,适合电商初学者)

一个朋友说他不会装修店铺,也不懂什么代码。简单的海报勉强可以做出来,但是如果要在海报上设置两个或两个以上的热点或者展示自己设计的产品如何做热点,就不知道怎么做了。在这里,大叔教你一个简单的方法,就是利用一些在线转码功能,实现全屏或者多热点的效果。



说到代码,没接触过的朋友应该是一种无力感。一串不知所云的数字符号在我脑海中快速闪过。矩阵,我去!比学英语还恐怖。



我们来学习一个简单的代码装饰,以多个热点的全屏海报为例。记住,只有一个词:复制粘贴。



开一个可以在线转代码的网站:90设计网,千图网............................................................................................................................................................比如代码助手网站,打开找到通用的全屏热点生成工具或者经典的全屏热点海报。这两者都能达到我们的目的。



准备工作是将您的1920像素宽海报图片上传到您自己的牛倩商店的图片空室。这里建议你在picture 空房间新建一个文件夹来存放装修图片。比如创建一个名为店铺装修的文件夹,然后创建一个名为2018 Winter的子文件夹,方便以后管理(也最好创建有对应名称的文件夹,秋款,冬款等。)上传宝贝的时候。



上传海报后,将鼠标放在海报图上,下方会显示四个选项,分别是复制图片、复制链接、复制代码、删除图片。点击第二个复制链接,这样就复制了我们海报的链接。



然后,回到全屏热点网站页面,将刚刚复制的图片链接复制到名为图片地址空一栏后面的空白处,然后点击加载图片选项,可以看到我们的海报图片显示在最上方。如下图



图中的绿色矩形框就是热点。将绿色方框放在需要添加的位置。如果希望海报上有多个热点,可以单击添加热点按钮来添加多个热点。热点的位置可以随意改变。然后只要去你的网店,把你的宝贝或者活动页面的链接复制到这里对应的热点后面就可以了。



(友情提醒,宝贝需要上架后才有链接让你复制,否则没办法,放在仓库不发布也是可以的)



可以选择下面对应的店铺:天猫选择天猫,淘宝选择淘宝。然后预览,预览就是让你测试是否全屏,热点是否好用,是否正确。确认无误后点击“获取代码”,然后直接选择底部复制代码。



接下来就是打开牛倩,选择装修店铺页面,选择电脑页面装修。然后从鼠标右键点击自定义模块,不要松手。将其拖到下图中的红色圆圈处。出现黄色提示时,可以松手。将其拖到任何其他位置。反正你以后可以改顺序。只要你能放下自定义模块。

淘宝店铺装修代码大全



双击位于右侧的自定义模块,进入编辑模式。顶部有显示或不显示选项,这是本模块的标题。检查无显示。然后看下图。有两种工具可以进入代码编辑状态。单击进入代码编辑状态。将我们刚刚生成的海报代码粘贴到空的空白区域,然后单击OK。



通过这种方式,我们可以看到我们的海报完美地展示在您的商店中。可以点击右上角的预览选项预览装修的效果(友情提示:在牛倩软件中预览的图片会变大变模糊,预览效果并不是最终的清晰效果。发布后请点击稍等片刻,然后再去浏览器网页预览您店铺的最终效果)。



这样的多热全屏海报就搞定了,简单。与代码无关!还有很多其他网站也可以产生代码,比如千图。



很多网站都能达到你想要的效果。我教你方法。如果学不会,那就打哈欠。我想我已经解释得够详细了,但我做不到。然后多看几遍。(声明:仅针对没有基础的初学者,不谈DW,不要小看艺术家等等。我...不...听)



您可以还会对下面的文章感兴趣

使用微信扫描二维码后

点击右上角发送给好友