1、要在店铺的装修页面中设置。

2、到店铺的卖家中心，点击“店铺装修”进入店铺装修首页、上图中，鼠标点住“自定义区”模块不放，把此模块移到右边。

3、，右边这里即出现一个“自定义”的模块，此模块可用作编辑文字、插入图片。

4、把鼠标放在此模块上，模块即显示出“编辑”按钮，点击“编辑”，弹出“自定义”模块的编辑框，在框内可编辑文字、插入图片。

1、要在店铺的装修页面中设置。

2、到店铺的卖家中心，点击“店铺装修”进入店铺装修首页、上图中，鼠标点住“自定义区”模块不放，把此模块移到右边。

3、如下图，右边这里即出现一个“自定义”的模块，此模块可用作编辑文字、插入图片。

4、把鼠标放在此模块上，模块即显示出“编辑”按钮，点击“编辑”，弹出“自定义”模块的编辑框，在框内可编辑文字、插入图片。

5、没有具体的代码，需要什么内容要自己添加的，比如你要添加2句话，难道还要找什么代码吗？看个人需要你好像没说明白，这个不是一两句话就能说明白的。

6、有区别在宝贝描述、分类、公告上，普通店铺和旺铺一样。

7、可以通过代码来美化。

8、但是店铺首页，普通店铺不可以象旺铺一样人性化修改。

9、你好朋友我有180套店铺装修模板不知道你需要那种要的话加我旺旺嘉少的宝贝。

1、1。

2、软件工具、要自己制作宝贝模板，首先要选择网页编辑工具，目前业界流行得就是dreamweaver了，用老微的frontpage也可以。

3、想自己做的朋友好选择前者，frontpage我以前也用过，后来很少用，主要还是觉得dreamweaver使用更加方便，功能更加强大，毕竟是专门以这个起家的嘛。

4、需要dreamweaver软件的朋友可以从网络上下载，下载方法、在google搜索栏中输入“dreamweaver软件下载”就可以找到很多下载网站了！，其它工具软件你都可以这样搜索到，下载就可以了。

5、不过，记得下载完了一定要先杀毒哦，对我们这些店家来讲，安全是重要得。

6、2。

7、网页制作之前，首先要考虑自己模板的基本布局。

8、先不要着急用dreamweaver开始编辑，正式编辑之前我建议朋友们多看一些别人的作品，总结出宝贝描述模板的大体布局方法，需要的各个选项！好的办法就是先纸上谈兵，在纸上用笔先勾画出描述模板的布局，注明需要做的一些工作等。

9、不过，宝贝模板的主要模块我总结就是以下就是几块A.商品的大图B。

10、商品的描述C买家事宜D配送方法E店铺分类F店铺连接可以在纸上粗粗描绘一下大体的布局，然后再开始下面的工作。

11、3。

12、准备素材。

13、做网页不能没有素材，素材就是指一些养眼的图片，文字，背景等资源。

14、还有重要的，也可能用到的就是你店铺的logo，宝贝的图片，文字介绍跟店铺商品有关的一切了。

15、把这些素材都统统归到一个目录下面(真正正规的编辑方法是按照文件夹来组织自己的素材)，方便以后寻找。

16、另外，为了做出更好的效果，可能还要动用一下photoshop这个工具，特别对图片处理都离不开它。

17、下载的方法象上面所说的就可以了。

18、4。

19、现在基本的东西已经准备好了。

20、那么就开始做吧。

21、A。

22、首先打开Dreamweaver，新建一个html网页。

23、这个时候工作台上你看到一个白色的区域，就是编辑区域了。

24、B。

25、添加表格进行布局。

26、这一点很重要，因为表格能够比较方便的让我们进行布局的分配，以及以后各种素材的定位。

27、有了表格，我们心里面就对布局基本有数了。

28、在表格里面可以添加我们的素材，文字，更改背景等。

29、这些文字一般是通用的文字，固定不变的，不会随着宝贝的不同而变化，比如(买家事宜)，(配送方法)等标题性和说明性的文字。

30、这个时候我们还要留出放置宝贝图片，和宝贝描述的位置，这些都是会变化的，因为每个宝贝的图片，和描述都是不同的。

31、因此一定要留出这个位置。

32、龚树华的淘巧网提示、这一步之前首先要把需要用到的图片上传网络上去，我推荐给大家这个网站。

33、首先上传有一个好处，以后在使用图片的时候，直接可以找到图片，然后复制下该图片的连接添加到图像占位符的来源上面就可以了，不用再一边上传图像，一边编辑网页。

34、C。

35、在需要添加图片的位置上，添加一个图像占位符，记住，宝贝描述模板中所有的图像都一定是一个图像占位符，不能直接图像。

36、添加完后我们看到一个断裂的方块，证明该对象是个图像占位符。

37、淘巧(重点理解)为什么不直接插入图像呢？直接插入图像在淘宝里面是无法显示的。

38、在要放置图像的地方，包括背景图等都要使用图像占位符。

39、有了图像占位符，等于是先占好了这个位置，然后在这个位置上添加相应的图片连接地址，这样当在浏览器中查看网页的时候，浏览器自己按照图片的连接地址下载图像，就可以显示出自己想要的图片了。

40、这点很重要哦。

41、D。

42、在其它位置上也添加一些图像占位符，比如店铺logo，店铺分类等等，这些位置可以为你以后操作带来方便。

43、E。

44、把图像占位符的地方填好图片的网络连接地址，具体到每个商品图片时候，我们在淘宝里宝贝编辑器中再填进来。

45、在淘宝的宝贝描述编辑器里，我们找到该商品的图片连接地址，填到图像占位符的图片来源上就可以了。

46、这样的话，只需要改动商品图片图像占位符的图像来源地址，就可以显示我们想要的图片了。

47、6。

48、以上如果不出所料，按照自己的设计，基本上可以算完工了。

49、具体美不美观要自己慢慢调整。

50、现在重要的就是在Dreamweaver中切换到代码编辑窗口，CTRL+a选中所有代码，选择复制，然后选择一个宝贝，在淘宝里面编辑该宝贝，在宝贝编辑器里面，选择编辑源文件，这个时候就切换到代码编辑窗口了。

51、将先前复制的代码粘贴到该窗口，然后选择编辑模式，切换到图形编辑模式。

52、这个时候你就发现，以前你设置的图像占位符现在都显示成图片了。

53、如果不能显示，就证明该处没有图像连接地址。

54、敢紧选择该图像占位符，然后点击插入/编辑图像按钮，输入相应的图片连接地址就可以了。

55、特别要提示的是、修改宝贝描述主要是能够直接显示宝贝的大图。

56、这个时候一定要更改宝贝图片占位符，把该占位符的图像来源改成是当前宝贝的图片连接地址就可以了。

57、内容来自淘巧网点击一下预览，可以看看编辑的效果，有什么不满意的，只能以后慢慢修改了。

58、切换宝贝编辑器到代码模式，选择所有代码复制并拷贝到一个TXT文本文件中保留，以后每个宝贝都可以用到。

59、新建一个宝贝的时候将这些代码在代码编辑模式下面直接拷贝过来，然后切换回图像编辑模式改变对应的宝贝图片就可以了。

60、怎么样，一切都很简单吧。

61、下面的图是dreamweaver中图形编辑模式下的宝贝模板的布局，红色字体说明部分是常用到的哦，一定要多加留意。

62、具体的效果大家可以到我的店铺里面随便点击一个宝贝看下就可以。

63、还有很多地方要完善的，请大家多多指教。

64、有什么问题可以一起探讨噢。

65、只能算是抛砖引玉。

66、希望高手们把你们的设计经验跟大家交流一下。

67、补充说明一下,在宝贝编辑器中可以使用热点连接这个功能来创建图像上的直接连接功能.比如我的模板上面店铺介绍,逛逛本店,信用评价这些文字上面都使用了连接功能.这个连接功能怎么实现的呢?方法如下、选中你需要做连接的图片，图像占位符也是支持的。

68、然后这个时候你发现dreamweaver左下脚有一些绿色的小图标。

69、这些是用来在图片上画出一些方形，圆形或其它形状区域，在浏览器中，鼠标经过这些区域的时候就会变成小手的形状，这些区域就是热区。

70、鼠标点击这一热区的时候就会连接到相应的网页。

71、赶快在图上画一个区域，然后在dreamweaver左下角连接地址中输入你想要连接的网页地址。

72、将代码考到宝贝编辑器，然后预览一下，当鼠标放到这些区域上的时候，就会变成小手的形状。

73、点击一下，就会连接到相应的网页了。

1、1。

2、软件工具、要自己制作宝贝模板，首先要选择网页编辑工具，目前业界流行得就是dreamweaver了，用老微的frontpage也可以。

3、想自己做的朋友好选择前者，frontpage我以前也用过，后来很少用，主要还是觉得dreamweaver使用更加方便，功能更加强大，毕竟是专门以这个起家的嘛。

4、需要dreamweaver软件的朋友可以从网络上下载，下载方法、在google搜索栏中输入“dreamweaver软件下载”就可以找到很多下载网站了！，其它工具软件你都可以这样搜索到，下载就可以了。

5、不过，记得下载完了一定要先杀毒哦，对我们这些店家来讲，安全是重要得。

6、2。

7、网页制作之前，首先要考虑自己模板的基本布局。

8、先不要着急用dreamweaver开始编辑，正式编辑之前我建议朋友们多看一些别人的作品，总结出宝贝描述模板的大体布局方法，需要的各个选项！好的办法就是先纸上谈兵，在纸上用笔先勾画出描述模板的布局，注明需要做的一些工作等。

9、不过，宝贝模板的主要模块我总结就是以下就是几块A.商品的大图B。

10、商品的描述C买家事宜D配送方法E店铺分类F店铺连接可以在纸上粗粗描绘一下大体的布局，然后再开始下面的工作。

11、3。

12、准备素材。

13、做网页不能没有素材，素材就是指一些养眼的图片，文字，背景等资源。

14、还有重要的，也可能用到的就是你店铺的logo，宝贝的图片，文字介绍跟店铺商品有关的一切了。

15、把这些素材都统统归到一个目录下面(真正正规的编辑方法是按照文件夹来组织自己的素材)，方便以后寻找。

16、另外，为了做出更好的效果，可能还要动用一下photoshop这个工具，特别对图片处理都离不开它。

17、下载的方法象上面所说的就可以了。

18、4。

19、现在基本的东西已经准备好了。

20、那么就开始做吧。

21、A。

22、首先打开Dreamweaver，新建一个html网页。

23、这个时候工作台上你看到一个白色的区域，就是编辑区域了。

24、B。

25、添加表格进行布局。

26、这一点很重要，因为表格能够比较方便的让我们进行布局的分配，以及以后各种素材的定位。

27、有了表格，我们心里面就对布局基本有数了。

28、在表格里面可以添加我们的素材，文字，更改背景等。

29、这些文字一般是通用的文字，固定不变的，不会随着宝贝的不同而变化，比如(买家事宜)，(配送方法)等标题性和说明性的文字。

30、这个时候我们还要留出放置宝贝图片，和宝贝描述的位置，这些都是会变化的，因为每个宝贝的图片，和描述都是不同的。

31、因此一定要留出这个位置。

32、龚树华的淘巧网提示、这一步之前首先要把需要用到的图片上传网络上去，我推荐给大家这个网站。

33、首先上传有一个好处，以后在使用图片的时候，直接可以找到图片，然后复制下该图片的连接添加到图像占位符的来源上面就可以了，不用再一边上传图像，一边编辑网页。

34、C。

35、在需要添加图片的位置上，添加一个图像占位符，记住，宝贝描述模板中所有的图像都一定是一个图像占位符，不能直接图像。

36、添加完后我们看到一个断裂的方块，证明该对象是个图像占位符。

37、淘巧(重点理解)为什么不直接插入图像呢？直接插入图像在淘宝里面是无法显示的。

38、在要放置图像的地方，包括背景图等都要使用图像占位符。

39、有了图像占位符，等于是先占好了这个位置，然后在这个位置上添加相应的图片连接地址，这样当在浏览器中查看网页的时候，浏览器自己按照图片的连接地址下载图像，就可以显示出自己想要的图片了。

40、这点很重要哦。

41、D。

42、在其它位置上也添加一些图像占位符，比如店铺logo，店铺分类等等，这些位置可以为你以后操作带来方便。

43、E。

44、把图像占位符的地方填好图片的网络连接地址，具体到每个商品图片时候，我们在淘宝里宝贝编辑器中再填进来。

45、在淘宝的宝贝描述编辑器里，我们找到该商品的图片连接地址，填到图像占位符的图片来源上就可以了。

46、这样的话，只需要改动商品图片图像占位符的图像来源地址，就可以显示我们想要的图片了。

47、6。

48、以上如果不出所料，按照自己的设计，基本上可以算完工了。

49、具体美不美观要自己慢慢调整。

50、现在重要的就是在Dreamweaver中切换到代码编辑窗口，CTRL+a选中所有代码，选择复制，然后选择一个宝贝，在淘宝里面编辑该宝贝，在宝贝编辑器里面，选择编辑源文件，这个时候就切换到代码编辑窗口了。

51、将先前复制的代码粘贴到该窗口，然后选择编辑模式，切换到图形编辑模式。

52、这个时候你就发现，以前你设置的图像占位符现在都显示成图片了。

53、如果不能显示，就证明该处没有图像连接地址。

54、敢紧选择该图像占位符，然后点击插入/编辑图像按钮，输入相应的图片连接地址就可以了。

55、特别要提示的是、修改宝贝描述主要是能够直接显示宝贝的大图。

56、这个时候一定要更改宝贝图片占位符，把该占位符的图像来源改成是当前宝贝的图片连接地址就可以了。

57、内容来自淘巧网点击一下预览，可以看看编辑的效果，有什么不满意的，只能以后慢慢修改了。

58、切换宝贝编辑器到代码模式，选择所有代码复制并拷贝到一个TXT文本文件中保留，以后每个宝贝都可以用到。

59、新建一个宝贝的时候将这些代码在代码编辑模式下面直接拷贝过来，然后切换回图像编辑模式改变对应的宝贝图片就可以了。

60、怎么样，一切都很简单吧。

61、下面的图是dreamweaver中图形编辑模式下的宝贝模板的布局，红色字体说明部分是常用到的哦，一定要多加留意。

62、具体的效果大家可以到我的店铺里面随便点击一个宝贝看下就可以。

63、还有很多地方要完善的，请大家多多指教。

64、有什么问题可以一起探讨噢。

65、只能算是抛砖引玉。

66、希望高手们把你们的设计经验跟大家交流一下。

67、补充说明一下,在宝贝编辑器中可以使用热点连接这个功能来创建图像上的直接连接功能.比如我的模板上面店铺介绍,逛逛本店,信用评价这些文字上面都使用了连接功能.这个连接功能怎么实现的呢?方法如下、选中你需要做连接的图片，图像占位符也是支持的。

68、然后这个时候你发现dreamweaver左下脚有一些绿色的小图标。

69、这些是用来在图片上画出一些方形，圆形或其它形状区域，在浏览器中，鼠标经过这些区域的时候就会变成小手的形状，这些区域就是热区。

70、鼠标点击这一热区的时候就会连接到相应的网页。

71、赶快在图上画一个区域，然后在dreamweaver左下角连接地址中输入你想要连接的网页地址。

72、将代码考到宝贝编辑器，然后预览一下，当鼠标放到这些区域上的时候，就会变成小手的形状。

73、点击一下，就会连接到相应的网页了。

1、首先淘宝店铺装修模板是可以自己的开始的，其次要开发，首先得要懂代码，懂代码加上懂设计，基本淘宝店铺的装修模板是没有问题的，但是如果不想以此为生计的话，我倒觉得还是花几个钱直接去买个模版，这样省时省力些。

2、如果只是纯懂得设计，但不懂代码的话，可以用PHOTOSHOP图像处理软件，按照淘宝需要的尺寸设计好，然后上传到空间，进入到淘宝装修后台插入图片即可生成模版了。

3、以下是淘定一些常规尺寸、店招、950*120像素，或是1920*200轮播图、952*500(高度不限制，可以是200——1000，但好设置在600以内)全屏轮播图1920*500(高度不限制，可以是200——1000，但好设置在600以内)轮播也可以设置成、750*200-600(高度不限制，可以是200——1000，但好设置在600以内)。

4、产品详细页尺寸、750*500左右。

1、250详情页模板网站，注册一个账号先试用模板看看哪个满意，花30元就可以购买一个模板，不用懂代码，一键安装永久使用不续费。

2、打开网页后先挑选喜欢的模板，鼠标移到模板位置点击一下，就看到试用模板。

3、试用满意后，点击立即购买字样，会提示用邮箱注册账号。

4、进入个人中心，绑定需要装修的店铺，还未开店可以暂时跳过该步骤。

5、点击【我的模板】可以看到当前可使用的模板。

6、选择一款心仪的模板后，点击【立即使用】，即可编辑想要装修宝贝的详情。

7、进入商品详情编辑页面，界面如下：主要五大区域：顶部1菜单栏，左侧2基础操作和3模块管理，中间4画板编辑，右侧5样式管理区域。

8、菜单功能区，可以自由撤销、恢复操作步骤，保存方案，导出图片(WIN7及以上新版客户端支持)，发布详情。

9、【添加热区】可用于链接跳转到其他页面。点击热区挂件后，可拖选到需要被点击的位置，然后在右侧框中输入淘宝网内的地址，发布后，用户访问宝贝并点击该区域时，就能跳转到指定页面。

10、【插入图片】，可以选择本地或者网络图片地址，可以根据需要自由剪裁、翻转图片，也可以直接使用原图（透明背景的PNG图片，请选择使用原图，不要裁剪，否则背景将不会透明）。

11、【添加色块】，根据右侧的高级选项，能够制作线条，椭圆，圆角，矩形框可以自由更换颜色，能够实现半透明效果。。

12、【插入文字】，新建文字，双击即可编辑更改，自由选择文字颜色，大小，字体等样式。

13、【更换图片/设置动态图】选中更换的图片，点击右侧“更换图片”支持GIF动态图，全方位产品展示。

14、【背景设置】背景颜色，选择该模块，在右侧的样式区域，设置背景颜色背景图片，选择该模块，在右侧的样式区域，点击更换图片。

15、编辑完成以后，点击页面右上角的发布详情，会出现提示框。提示下载客户端软件，根据提示操作即可。。

16、效果展示。

1、如果本地电脑内没有淘宝助理，愁劣请及时下载一个，如下图，下载一个自己需要的版本。。

2、下载完成后，会有一个助理图标，双击它，进行安装操作。。

3、安装成功后，进行登陆操作，如下图。输入用户名与密码，进行点击登陆。。

4、如下图是一个默认打开的界面，顶部可以看到相关的选择卡，下面是一个基本页面。。

5、在淘宝助理顶部点击“宝贝管理”，进入窗口后，同时在管理页面的左下角会有一个“宝贝模板”按钮，点击它。。

6、点击“宝贝模板”按钮后，可以看到如下图的一个界面。紧接着点击顶部的一个“创建模板”，会进入创建窗口。。

7、下图为创建模板的一个窗口，可以在此窗口中进行设置相关的细节信息，以及宝贝详情页等。。

8、这里尤为需要注意的一个选项卡则是“宝贝描述”，点击它，可以在这个里面进行细节添加与修改操作。。

9、在此窗口中，会发现有一个“详情模板”，点击它，也可以进入网页进行创建模板。。

10、点击“详情模板”文字，会出现一个下拉列表，有两个按钮，温侮如下图，请注意查看细节图。。

11、点击其中一个按钮后，会打开网页，进入卖家中心页里面的一个窗口，如下图。在此可以看到可以直接在网页上创建相应的材廊鉴模板，这里可以点击“新建模板”。。

12、点击“新建模板”后，会打开如下图的一个页面；这个地方与第八步骤的“宝贝描述”是一样的。可以根据自己的想法与设计风格，进行在此添加，修整，创新等。。

13、不管我们做的是什么样风格的模板，切记网民的感觉，同时要迎合店铺的产品去设计，做制作；这样会更有特色，更能留住更多的准客，同时获得更多的信任度。。

1、淘宝模版可以自行从网上下载，也可以自己设计，这里演示的模版来源于网络，淘宝店铺是专业版，基础版的用户可能不能实现某些功能。可以通过查看店铺装修里面左上角来获取自己店铺的版本。。

2、使用PS打开下载来的模版，修改里面的图片，将自己产品的图片替换掉模版里的图片，然后使用切片工具对模版进去裁剪。。

3、打开淘宝“卖家中心”里的“图片空间”，将之前切片的图片上传到图片空间，并将图片链接复制下来。。

4、打开dreamweaver，使用插入图片打开之前切片的图片，在“设计页面”使用左下角的矩形热点工具在合适的位置绘制矩形框，在“代码页面”修改图片的地址为之前图片空间复制来的链接地址。然后复制代码。。

5、进入“卖家中心”的“店铺装修”，将左边的“自定义模块"拉到右边，并添加代码。在dreamweaver那复制的代码前面添加下面的代码可以实现全屏效果。      。

1、基本如一楼所袭唯哪说.补充一拍码下,你要制作的是店铺模板还是宝贝描述的呢?宝贝描述的话可以在淘宝助理里面制作一个,然后保存成宝贝山桥模板.然后以后都从那里打开就很方便了。