首页模块修改教程.doc

1、首先，登陆店铺。如果您已经登陆店铺的话，在店铺的右上角有如下显示点击“装修此页面”2点击后进入装修编辑页面，如下所示3在对应要修改的模块右上角都有一个编辑按钮。点击这个按钮，对相应的模块做修改编辑工作。注意：这里因为要加载编辑器，所以点击编辑以后需要稍微等待一下，等编辑页面已经如上图正常显示才可以开始编辑。如果是空白，或者全都是代码的情况下，请您不要乱点击任何按键。4、一般可以修改的内容有：文字内容（固定文字，滚动文字，拉动条文字），商品图片，滚动图片，以及所有的文字和图片添加链接。其他部分为装修内容，您是不可以修改的。5、修改文字（滚动文字及拉动条文字，两种文字修改方式是一样的）用鼠标左键点击点中文字区域，出现如下图所示的八个小方块，表示已经选中区域。鼠标左键双击此区域，如下，出现斜线边框。此时可以修改里边的文字，如同在文本中修改文字一样，点击退格键删除原有文字，新加文字可以直接输。注意：如果是在其他地方复制下来的文字内容，请您先将文字粘贴到文本文件内，然后再文本文件内重新复制，到这里粘贴，如果是直接复制其他地方内容到这里粘贴的话，会容易出现错乱，造成代码丢失等现象。6、修改固定文字以这里写入联系方式为例这里与上边的文字修改方式相同，只是不用双击文字区域，出现斜线边框，而是可以直接修改的。直接点击退格键删除原有文字，新加文字内容可以直接输入。这里与上边的文字修改方式相同。注意事项同上。注意：如果是在其他地方复制下来的文字内容，请您先将文字粘贴到文本文件内，然后再文本文件内重新复制，到这里粘贴，如果是直接复制其他地方内容到这里粘贴的话，会容易出现错乱，造成代码丢失等现象。7、修改商品图片这里是某客户的商品图片。这个图片在店铺的首页上可以找到，不需要您去其他地方寻找图片放到这里，如果是其他地方的图片会因为尺寸不合等原因，导致装修内容显示不正常。下图，是这个商品在店铺首页上的显示。假设我们想把上图中的自然堂商品换成首页上的其他商品。过程如下。将鼠标放到这个商品上 右键点击图片，弹出菜单，上边有“复制图片地址”，点击这个选项。这样我们就得到了这个商品的图片地址。回到编辑窗口将要更换的图片选中。出现八个小方块为选中。双击图片，出现图片编辑窗口。我们之前已经复制得到了图片地址，将这里的图片地址删除掉。邮件粘贴，就将这个图片的地址粘贴到此处了这里可以调整图片的尺寸，一般都是正方形，就是宽和高是相同的。如果宽和高不相同的情况，一般设计师会主动告知您的。8、商品图片添加链接。进行到上一步骤以后，图片设置窗口上有一个“链接地址”项就是这里可以加入一个商品的链接地址。链接地址的获得：在首页上，点击商品进入此商品的展示页面：这个页面的最上边：这里写的就是这个商品的链接地址。将这个地址复制，然后粘贴到这里。最后图片设置状态如下： 确定商品“图片地址”、“尺寸”、“链接地址”都没有问题，就可以点击“确定”。点击确定以后，如下所示还需要修改此商品的描述文字和价格将原本的商品描述文字删除掉然后输入正确的商品描述文字内容9、文字加链接上一步骤中，商品的描述文字是固定的，不可以点击进入商品展示页面，我们可以给它加一个链接，使其可以点击进入商品展示页面。步骤如下：选中文字：点击编辑器功能按键上的“链接”按钮弹出“插入链接”窗口，如下图：将之前我们得到的商品展示页面地址这个复制下来，粘贴到“链接地址”栏粘贴好如下图所示：这样文字就加入了链接。10、滚动图片修改。和修改图片的方法一样，先选中一个图片：然后点击键盘上“”向右键，整个滚动区域出现斜线边框如同修改商品图片一样的步骤，修改所有的图片。注意：滚动商品图片因为区域有限制，所以只能显示前边几个商品，排在后面的商品是无法显示的，所以您可以将图片倒序插入，先插入您想放到后边的图片，后插入您想在前边显示的商品图片。11、最后修改好所有的内容以后点击编辑器下边的“保存”按钮。 然后点击装修页面右上角的“发布按钮”。以上为所有的装修设计自定义区使用方法。其中文字修改，商品图片修改，商品图片加链接，文字加链接，这四项是您一定会用到的内容。滚动文字，拉动条文字（同滚动条文字），滚动商品图片，这三项您不一定会使用到，设计师根据您的设计，有的会加入这些特效，有的不会加入，不加入这些特效的设计，您就不需要使用到这些内容了。另：淘宝编辑器是一种在线编辑系统，不是所见即所得的预览页面，所以有些时候会出现一些错位，如图：在“最新活动”处，出现的一条黑线。这个不是真是的错位现象，您点击确定发布以后，在店铺的首页上是不会这样显示的，所以请不必担心，也不必联系设计师，要