当前位置:主页 > 网页教程 > 网站程序 > cms模板安装 > 内容欢迎大家投稿

淘宝装修模板使用教程

时间:2010-08-07 09:29来源:未知 作者:大宝库 点击:读取中
阅读工具:字体:

宝贝模板

一、很多店长对宝贝模板的理解始终停留在一个比较模糊的印象中,有时甚至认为宝贝模板就是通用整站的,几乎可以当做店铺首页使用,其实不是这样的。这一章我就具体讲一讲宝贝模板的概念,并且如何使用等问题,这一章的内容对于我店的客户一样也是通用的,希望你们都可以仔细看看。

二、所谓“宝贝模板”,就是指打开宝贝或者说是产品后的界面显示模板,其实它并不能改变淘宝的一些设置,它只是起到美化版面,合理布局的作用,在这个基础上刺激访问者的购买欲,引起共鸣或者说是兴趣,所以任何一家店都不能忽视它的作用。

需要注意的地方是宝贝模板就是宝贝界面的风格,并不能应用到店铺首页风格中,当然我们可以把其中一些特点应用到首页体现,比如首页的分类、公告的个性化设计、店标等等,淘宝比较特别,也搞特殊化,普通的用户只能设计定义店铺首页的分类、公告、店标这3个内容。

三、说了那么多,接下来说说具体的宝贝模板使用方法,对象主要是面对本店的客户

1,首先打开我发给你的“宝贝模板代码”文档

2,这时会看到文档里的内容都是代码,新手也不用太紧张,你不需要关心这些代码代表什么意思,你只需要做2个操作,复制、粘贴。具体步骤:你可以拉动鼠标全选中这个文档的代码,然后按鼠标右键选择复制,当然更快捷的方法是:Ctrl+A,可以全选中整个文档的代码,然后再复制。接着,我们需要把这些代码复制到宝贝发布界面的编辑框中。

3,打开“宝贝发布界面”,有人会问什么是“宝贝发布界面。简单的说就是发布新宝贝时填写宝贝信息的界面,如下图

4,这时我们会看到宝贝描述编辑框,如下图

5,这时不要着急直接复制,先要点击其中的“编辑源文件”,进入到编辑源文件模式,然后把刚才的代码粘贴进去,可以按Ctrl+V粘贴。

6,粘贴后,会看到代码已经全部复制进去了,这时没有任何变化,不要着急,我们再点一下使用编辑器,回到可视化的编辑器,这是淘宝本身提供的功能,非常好用。什么叫可视化编辑器,也不用去研究,可以简单理解为所见即所得的意思。

7,通过以上步骤,我们已经复制好宝贝模板代码,并且回到编辑器,这时可以看到模板的实际效果。这里先说说几个可能会出现的问题。

a.看不到编辑器的,或者看不到拖动栏的,可能是因为你的浏览器版本过低,这时可以点击编辑窗口下方的升级浏览器直接在线升级。

b.看到模板图片有裂开的情况,这是正常的,只要保证你的操作无误,即使你怎么做修改,发布出去的模板都会显示正常。如果你还不放心,可以先点击“预览”按钮,看看当前模板的实际效果。这个操作适合新手边修改边看实际效果。

c.看不到任何模板图片只看到文字,这时可能因为你的网速问题,所以模板图片显示也由此变慢,这时需要耐心等待或者解决你自己的网络问题。

d.暂时只想到这些,后面的会逐渐更新:)

8,好,接下来开始修改模板内容。因为你收到的模板代码现只提供了基本的版面设计和一些功能,我们需要把它改成自己的通用模板代码,这样以后发布宝贝时,我们只需要复制一下代码,然后修改下其中的文字说明和宝贝展示图片就可以了。那这时我们需要修改什么内容呢,这时我们先了解一下宝贝模板的基本框架和功能,一般宝贝模板分为三个部分,顶部图案,公告区域(滚动文字公告),宝贝分类区域(一般跟店铺首页一样,可以是文字分类也可以是图片分类),宝贝滚动推荐栏(可以是横向也可以是竖向),宝贝展示栏(放置宝贝展示图片),宝贝描述栏(宝贝文字说明信息),买家须知,联系方式等。

那我们在开始正儿八经发布宝贝前,我们必须要改的有哪些地方,一般我发给客户的宝贝模板代码都留有自己原先模板的文字说明信息,很多客户老是担心,老是问我,这些可不可以修改,当然可以,其实我留着,是方便你们自己直观的修改。修改起来也很方便。

所以我们需要修改的就是先去除这些信息改成自己的,并且因为我们要做的是适合自己的通用模板代码,所以我们首先要改的是那些不经常变化的信息,总结起来无外乎几点,公告内容,联系方式,宝贝推荐栏,买家须知,宝贝分类,有时还包括顶部分类的一些连接。而象宝贝展示图以及宝贝描述栏的信息一般每个宝贝都不相同,所以这里不建议修改。

那么来开始修改了

a1.公告内容

我们可以拖动编辑框的“滚动栏”,找到公告内容区域,因为我留自己的标志文字,你可以很容易分辨出来。如下图。

找到后,双击它,然后可以开始编辑,你也可以直接复制文档上自己已经写好的内容(建议用这种方式,最不容易出错)。做完这一切后,你还可以对公告内容进行编排,例如部分文字加粗,改变字体样式,字体大小等,这些跟你平时发布宝贝时的操作差不多,我就不多说了。

a2.联系方式

一样,我们可以拖动编辑框的“滚动栏”,找到联系方式区域,因为我留自己的标志文字,你可以很容易分辨出来。如下图。

找到后,单击它(注意,在要改动的文字前单击就可以了,你也可以先圈中文字去除后再修改),然后可以开始编辑,你也可以直接复制文档上自己已经写好的内容(建议用这种方式,最不容易出错)。做完这一切后,你还可以对文字内容进行编排,例如部分文字加粗,改变字体样式,字体大小等,这些跟你平时发布宝贝时的操作差不多,我就不多说了。

a3.宝贝分类区域

一样,我们可以拖动编辑框的“滚动栏”,找到宝贝分类区域,因为我留自己的标志文字,你可以很容易分辨出来。如下图。

找到后,单击它(注意,在要改动的文字前单击就可以了,你也可以先圈中文字去除后再修改),然后可以开始编辑,你也可以直接复制文档上自己已经写好的内容(建议用这种方式,最不容易出错)。做完这一切后,你还可以对文字内容进行编排,例如部分文字加粗,改变字体样式,字体大小等,这些跟你平时发布宝贝时的操作差不多,我就不多说了。

宝贝分类修改完后,就需要对其进行连接。什么意思呢。就是指访问客户点击它,可以去到我们想要它去的页面。步骤是先圈中要连接的文字,然后在点击“web编辑”按钮,我在下面的图都标示出来了。你可以自己试试看,这样印象更深刻些。

点击“web编辑”按钮后,会弹出另外1个窗口,在地址后面的红色框中,填入你想连接到的页面,但只允许是淘宝内部的地址,就是说你可以填写任何一个宝贝界面的页面地址或者是首页某个分类的地址,但不能填写外部网站地址,因为你填了也没用,淘宝不允许连接外部网站。

a4.宝贝推荐栏(模板不同称呼可能有所不同)

这个部分的修改主要要注意一点,因为是图片,所以大小要跟模板上的原有推荐宝贝图片保持一致,一般都是限制在80*80以内,这样版面才不会变形。具体模板的大小可能有所区别,可以随时问我。

修改宝贝推荐栏的图片时,先要保证你的图片必须是存在于网络上,打开对应图片所在的页面后,你可以直接右键点击该图然后选择“属性”,会出现另外一个窗口,如下图,会看到该图的一些信息,我们只需要复制地址后面的内容,即“http://”开始的内容(红框内),该地址就是该图的网络地址,这时我们已经有图片的网络地址了,接着往下看。

这时我们已经有图片的网络地址了,我们看下宝贝模板推荐栏的位置,如下图,我们点击其中1个要修改的图片,按键盘上的"delete"键,将它删掉,然后在点击上方的插入图片按钮(黄色),红框内的按钮,然后会出现一个窗口,这时我们在红框内输入我们刚才复制的地址,然后按确定,回到模板看看,图片就修改好了。其他图片的修改方式一样。

需要特别注意的是,有的网站的图片或者相册并不允许外链,就是说不给其他网站引用,只允许在它的本站内使用,所以有时即使按正确步骤操作也会出现获取不到图片的情况。

如果你要引用的只是你店里的宝贝图片,那么就简单一点了。你可以用鼠标左键圈中要引用的图片,按ctrl+c,再把鼠标移到模板里对应的位置,按ctrl+v,就把店里的宝贝小图片引用到模板里了。

最后一个问题,修改好宝贝推荐栏图片后,也许我们会想不仅仅给客户看我们的推荐图片,我们还要多加个功能,就是如果客户感兴趣的话,可以直接点击它,去到对应宝贝的界面,这时我们就需要给相应的宝贝图片加连接。其实很简单,跟给文字分类加连接差不多。选中图片后,再点“web按钮”,输入你想连接的地址。

a5.买家须知

修改方式也很简单,跟上面的差不多,圈中文字删除修改编辑成自己的通用文字就可以了。

a6.顶部连接

顶部连接指的是店铺介绍、我的店铺、信用评价、加入收藏这些连接。如下图

如何修改加连接,很简单,其实就类似修改宝贝推荐栏图片一样,但是这里的图片就不用修改了。我们把这些按钮也看成图片,直接点击插入WEB连接按钮,输入想连接的地址,正确修改后就OK了。有的朋友会问,那这些按钮对应的连接是什么啊。很简单,教你1个方法,打开自己店铺对应值得这些页面后,复制IE栏的地址出来,然后再粘贴到我们想加入的图片连接里就OK了。

呼啦啦,引用下杨二车的名言,开玩笑,说到这里也差不多了。这时我们模板也改好了第一步,这些我们可以预览看看效果。OK后,我们需要做的是,复制修改后的代码,先点击“编辑源文件”,进入编辑窗口后,按ctrl+a全选复制,然后我们自己新建个文档保存起来,然后下次开始发布宝贝时,我们就可以直接复制这个改好的模板代码,而之前最初我发给你的宝贝模板代码,可以抛弃它了:)

9,到了这里,也许你们认为都OK了。其实不是的,这只是做好了第一步,革命尚未成功,还需努力。模板并没那么神,它只是起到美化的作用,并不是那么简单,你改好一点后以后就不用怎样怎样了,这是大多数店长的误区,但其实也不复杂,我们只要把之前的修改步骤做好后,以后发布宝贝时,其实就只多了1个操作,复制下代码,然后再跟以前没用模板一样,写宝贝说明,该插入展示图片的插入。但是最后的效果就是有很大区别了,具体滋味自己玩味。

(责任编辑:大宝库)


------分隔线----------------------------
推荐内容
赞助商链接
赞助商链接