淘宝店铺代码是怎么用的 如何用代码装修店铺

淘宝问答 2021-06-08 1:48:03 淘宝问答家
2,465 0 0

本文主题淘宝店铺代码,淘宝店铺,淘宝问答。

淘宝店铺代码是怎么用的 如何用代码装修店铺

淘宝店铺代码是怎么用的,如何用代码装修店铺,不少的新手不会装修淘宝店铺首页,作为淘宝店的大门,良好的视觉效果才能让你的产品有更好的销售,今天来介绍一下怎么用代码装修一个精美的淘宝店铺首页,连不懂代码的新手也能够很轻松的弄出一个漂亮的首页。

首先登陆淘宝卖家中心,找到店铺装修栏目:

淘宝店铺代码是怎么用的 如何用代码装修店铺

进入店铺装修后台后,选择添加板块,增加自定义板块;

淘宝店铺代码是怎么用的 如何用代码装修店铺

选择源码编辑模式;

淘宝店铺代码是怎么用的 如何用代码装修店铺

拷贝从DW,或网页中获取的源码,黏贴到源码编辑框里,保存就可以了;

淘宝店铺代码是怎么用的 如何用代码装修店铺

5

最好发布修改好的内容就可以预览到编辑效果了。

淘宝店铺代码是怎么用的 如何用代码装修店铺

先到网上搜索一些免费的淘宝店铺装修素材网站上下载一套淘宝店铺首页的模板,下载好解压到本地,里面就会有淘宝店铺各个部分的代码,包括店招、导航、首页主体部分等等。

淘宝店铺代码是怎么用的 如何用代码装修店铺

因为下载的代码都是TXT格式,看的时候显得比较凌乱,这时候我们用dreamweawer创建一个html文件,把记事本里面的代码复制到Dreamweaver里面,这样代码就不会显得很凌乱了,并且在软件里面标签会有相应的颜色,能够更好的区分。

淘宝店铺代码是怎么用的 如何用代码装修店铺

淘宝店铺代码是怎么用的 如何用代码装修店铺

我们来到淘宝店铺装修的后台,先从店招开始,把我们下载好的代码复制到店招修改栏木里,但是要注意在复制之前一定要先点一下图片里圈出来的那个图标,那个按钮是编辑源代码按钮,一定不要落下这一步。

淘宝店铺代码是怎么用的 如何用代码装修店铺

将淘宝店铺默认的模块全部删除掉,每增加一部分代码就创建一个自定义模块,如下图,记得要把不显示标题勾选,然后勾选下方编辑源代码。

淘宝店铺代码是怎么用的 如何用代码装修店铺

淘宝店铺代码是怎么用的 如何用代码装修店铺

我们按照以上步骤操作完以后会发现,店招部分不是全屏如图1,下一步我们就要修改页头部分,页头部分的图片在下载的模板里面一般都会有,如果没有的话就从中间的店招当中截取即刻。

淘宝店铺代码是怎么用的 如何用代码装修店铺

淘宝店铺代码是怎么用的 如何用代码装修店铺

我们把代码复制过去之后会发现产品图片不是我们自己的,这时候就要把原来代码当中的链接替换成自己的图片链接。把需要替换的代码粘贴到Dreamweaver里面,然后按Ctrrl+F查找img就可以找到所有图片代码的位置了。淘宝自带图片空间可以上传图片,获取图片地址。

淘宝店铺代码是怎么用的 如何用代码装修店铺

到这里,整个PC端首页就完成了,是不是比自带的好看的多呢?

淘宝店铺代码是怎么用的 如何用代码装修店铺

电商运营官为您更新最近最有用的电商资讯、电商规则淘宝店铺代码,淘宝店铺淘宝问答。了解更多电商资讯、行业动向,记得关注电商运营官!

文章内容不代表电商运营官平台观点

相关文章

暂无评论

暂无评论...