对于淘宝卖家,初期创业过程中必经之路就是店铺装修,但怎么装修一个店铺一直是个困扰,花钱心痛,想学找不到地方,今天小卓给大家梳理一下,保你1分钟学会,利用代码装修一个漂亮的店铺

首先做个准备,需要你到“千图网”“花瓣网”“昵图网”等素材网站找一张网店装修的背景图,很多免费的,小卓就不多说了,找好之后把这张图片上传到图片空间(方便后面复制图片在图片空间里的链接,当然还有一个前题就是你店铺里有上架的宝贝哦),做好后就如下图了。

淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网

接下来我们即然要用到代码那么就要用到一个工具【码工助手】,可以直接百度进入,如下页面,再点击“在线布局”

淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网

进入后,我们需要把图片空间里图片的链接复制一下,如下图,点击图片下方的“回形针”形状的标志复制链接。

淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网

将刚刚复制的链接粘贴到“在线布局里”模块属性旁边的“设置里面,同时将本图片的尺寸填进模块的宽度和高度对应的框框里面,那么你会发现这张图片就进入到页面了。此时工作已完成一半了,继续加油。

淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网

下一步,你是否想让你的客户进入到你的店里能点击一下他想要看的宝贝,或者想要领的代金券呢,那么,我们就要为这张图片再添点料,先加一张你所要展示宝贝的图片吧,点击”图片“,再将你想要展示的图片放到相放的位置,如下图所示。

淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网

图片怎么更换呢,很简单,只要双击图片,就会弹出一个提示框,把你这张图片在图片空间的链接再复制粘贴过来即可,调整一下宽度和高度。

淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网

好了,图片添加好了,但你发现,现在点击图片不会跳转,那么,我们就要再加一个类似超链接的东西,这就叫”热区“。点击热区,再将出现的框框拖到你想要点击的地方,大小是可以调节的

淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网

接下来双击热区位置,出现弹出框后,将你想展示的宝贝链接复制粘贴进来即完成一次热区添加。如下图所示。

淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网

太棒了,能看到这,说明你已经基本学会了,那么这里还可以添加很多热区哦,比如优惠券、店铺收藏等。这里不做过多描述了,最后点击”生成代码“。

淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网

生成代码后展示如下,你需要将这个代码全选,复制粘贴到自已的淘宝店铺卖家后台的店铺装修里面去。

淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网

打开”淘宝网“-”卖家中心“-”店铺装修“,进入装修页面后,你可以先将原来的所有模块全都删掉,然后从左侧模块里拖一个”950PX的自定义区“(因为自定义区可以让你自己随意设置代码)。

接下来双击自定义区点击”双向箭头“标志的”源码“,将刚刚复制的代码粘贴进来即可。

淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网

好啦,接下来先预览一下自己的成果吧,如果还算满意,你就可以点击发布了。

淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网

发布后你的店铺就如下图一样了。当然这里面只是一个参考,还有更多的功能你都可以进行设置哦。

淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网

比如下图所说的“正反面”、“搜索”、“旺旺”、“倒计时”等很多实用的功能。具体的要靠你自己悟啦。

淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网淘宝店铺装修代码大全(用代码装修淘宝店铺)-编程知识网

能看到这里,说明您是一个开淘宝不是很久的小卖家了,创业者值得尊敬,亿卓智库将致力于为创业者提供更多服务,架起创业者与大伽之间的信息桥梁。