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

本文重点介绍淘宝店铺代码，淘宝店铺，淘宝问答。

如何使用淘宝店铺代码，如何用代码装修店铺，很多新手都不会装修淘宝店铺首页。作为淘宝店铺的前门，好的视觉效果可以让你的产品卖得更好。今天就来介绍一下如何用代码装饰一个漂亮的淘宝店铺首页。即使是不懂代码的新手也能轻松做出漂亮的首页。

先登录淘宝卖家中心，找到店铺装修栏目:

进入店铺装修后台后，选择添加板块，添加定制板块；

选择源代码编辑模式；

复制从DW或网页中获取的源代码，粘贴到源代码编辑框中保存。

五

最好发布修改后的内容，这样可以预览编辑效果。

先在网上搜索一些免费的淘宝店铺装修材料，下载一套淘宝店铺首页的模板。下载后在本地解压，会有淘宝店铺各个部分的代码，包括店铺招聘，导航，主页主体部分等等。

因为下载的代码是TXT格式的，看着就很乱。这时候我们用Dreamweaver创建一个html文件，将记事本中的代码复制到Dreamweaver中，这样代码看起来就不会很乱，软件中的标签也会有相应的颜色，可以更好的区分。

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

删除淘宝店所有默认模块，每个附加代码创建一个自定义模块，如下图。记得勾选不要显示标题，然后在下面勾选编辑源代码。

按照上面的步骤 *** 作后，我们会发现店招并不是全屏的，如图1所示。下一步，我们将修改通常在下载的模板中找到的头部分。如果没有，我们会立即从中店招牌拦截。

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

至此，整个PC端主页完成。是不是比自带的好看多了？

电商运营会为你更新最有用的电商资讯，电商规则，淘宝店铺代码，淘宝店铺问答，了解更多电商资讯，行业动态，记得关注电商运营官！