 |
  |
|
|
|
| 位置：门别网 › 卖家论坛 › 淘宝天猫运营 › 帖子 |
|
qq394465703 等级： / 门别币：20 |
| 发表：2018-6-26 16:41:36 查看：1039 回复：2 次 | |
店铺装修不再花钱 |
|
店铺装修想必困扰了很多卖家，我这边分享一些我的经验，
包括全屏海报代码和页面背景代码，分为专业版和基础版设置。希望能帮到大家。
专业版设置：
我们首先来解决全屏背景色的设置，背景色设置分为：1.纯色背景，2.有图案的背景。
1.?????? 纯色背景：
纯色背景相对简单一些，先设置页头，再添加背景色。
设置页头：分三个步骤
第一步：选择好我们要的页面颜色，后面做整体背景色和海报色调会比较好协调
下面圈起来的三个地方是背景色、页面颜色、全拼海报的颜色，选的颜色一样，看起来是一个整体。
页面颜色就是在装修里面找到“配色”点击进去选择颜色。
第二步：任意做出一张自己想要的颜色图片即可，尺寸不限制，图片大小不要超过200K。（以红色为例）
第三步：进入店铺装修，选择页头设置，注意看图片圈起来的地方，
1.?????? 页头显示记得去掉勾选；
2.?????? 页头下边距10像素选择关闭；
3.?????? 页头背景色点击更换图片，上传做好的背景色图片；
4.?????? 背景显示选择平铺；
5.?????? 背景对齐一般影响不大，有偏差就看实际情况调整左、有对齐，或者居中即可。
到这一步页头颜色设置好了，
接下来是添加店招下方的整个页面的背景颜色：
有两种方法：
方法一：分三步骤
第一步：将前面做好的背景颜色图片上传到图片空间，并且把图片链接复制出来。
点击链接图标：（如图）
鼠标移动到链接位置双击全选点击复制：
第二步：把复制好的图片链接插入到代码里面：
注意图片代码放入是：把下面图片中的“图片地址”删除，再粘贴上去，
但是括号和其他的内容都不改动，不然页面显示可能会出问题。
注意图片代码放入是：把下面图片中的“图片地址”删除，再粘贴上去，
但是括号和其他的内容都不改动，不然页面显示可能会出问题。
第三步：图片链接咱贴好后，把代码全选复制，粘贴到导航条里，点击确认，预览看看即可。
1.鼠标移到导航条位置，点击编辑
2.跳出编辑窗口后，选择显示设置，删掉里面原先的内容，粘贴上代码，点击确认即可。
方法二：
在装修页面找到“页面”进入：
1.?????? 显示背景色：不要勾选
2.?????? 点击更换图片：上传前面做好的背景色
3.?????? 背景显示：选择平铺
4.?????? 背景对齐：一般影响不大，预览后，根据显示调节。
专业版和基础版共通的设置：也就是我们前面提到的有图案的背景色
第一步：
我们直接把整个板块的内容设计成一张大图：其中包括首页显示产品、海报做一起（如果是轮播海报就把海报跟版面分开做，代码也不一样。）、或者其他要显示的内容。
1.?????? 整个图片的宽度为：1920像素，长度根据实际情况定。
2.?????? 把产品内容宽度限制在图片中间950像素之中。两边放空白或者不重要的内容。
3.?????? 图片设计完成后根据内容用PS切片工具切成我们需要的分块后保存起来。
4.?????? 把切好的图片上传到图片空间后取出图片链接按顺序，按切好的框架代码插入到代码里面。
注：图片上的“网址链接”和“图片链接”在我们要插入单张图片的情况下可以直接替换使用。
若是要完成上面3和4的方法需要讲到PS切片工具使用，和切片完成后生成的代码，图片链接插入，和产品链接插入的方法，这边先不讲不然会混乱。我会再写一片内容来专门讲这块。我会把链接放到评论里面。
我们接下来讲第二步：
1.图片和链接都替换完成之后，我们进入到店铺装修页面，找到自定义区
2.拖选自定义区放到需要放置的位置，点击编辑，在跳出的窗口中，找到“源码”点击，然后在下方空白处把前面设置好的代码复制粘贴进来，确认即可。
2.?????? 完成以上步骤后点击装修页面右上方“预览”效果，要注意：
图片是否放置正确，因为图片切片是有框架的图片位置放错会导致显示变形，
点击有插入链接的图片，看看链接是否正确
看看图片是否整体居中，上下左右是否对齐
例如：这个代码中的图片高度是1080像素，宽度是1920像素，我们要根据我们的图片实际宽度高度去修改一致，页面上下方才能完整显示。
例如：上面圈起来的是表示：偏左—475像素，是已经设置好了。有时候可能我们设置好后页面图片会偏左一点或者偏右一点。我们只要在“自定义区里编辑代码处”把—475数字改动后再预览页面变化，偏右边就是负数改成越大，偏左边就是数字改成越小。
其他内容一般不需要改动。
上面提到的PS切片工具使用，和切片完成后生成的代码，图片链接插入，和产品链接插入的方法我回尽快写出来跟大家分享，编写完成后会在评轮区回复发布链接。
 |
| 内容违规投诉举报请联系在线客服QQ：278336453 |
| 今日最新卖家热点 |
|
更多内容>> |
| 下载APP客户端，随时随地上门别，方便卖家网店交易 |
| 话题回复 |
|
李海芳6688 等级： / 门别币：20第2楼 |
|||
| 回复：2018-6-28 15:35:32 | ||||
|
||||
|
|
825682587 等级： / 门别币：20第1楼 |
|
| 回复：2018-6-27 9:31:21 | ||
| 1 首 页 |
 微信扫一扫，纯粹电商人微信交流群，欢迎加入 |
