淘宝装修 SDK高级模板开发流程
SDK高级装修-如何使用HTML代码装修
在使用SDK模板装修店铺的时候有时候会遇上“支持HTML代码”的说明，
这是SDK模板提供的高级辅助功能，可以使用HTML标签来为简单编辑内容文字。
这里介绍几个常用的HTML标签使用方法，以编辑店铺公告为例：
【①换行标签】
【②加粗标签】
【③字体格式标签】
标签符号全部都是英文字符，包括引号。
face 属性规定文字字体，如 face="微软雅黑" 设置字体为微软雅黑字体，其他中文字体：宋体、黑体等；英文字体：Arial、verdana等。
color 属性规定文字颜色，如 color="green" 设置为绿色，红色为red、蓝色为blue，或其他颜色值可以找我们拿取色软件。
size 属性规定文字大小，如 size="3" 设置为3号字。
【常用HTML标签汇总】
拓格装修版权所有
【需要注意的】：除了换行标签<br>外，其他<标签>都需要结束标签</标签>
一起来欣赏一下金冠卖家的装修效果（注意看这是第一屏的内容，买家最容易关注到的部分，可以放主推爆款宝贝、促销信息、类目引导、宝贝搜索等）：。
SDK开发流程
2、每个环节用哪些软件、工具，有什么优缺点；代码是否进行版本管理，如何管理；
答：一般的设计师用的PS，而我用的FW，因为PS做一张整体的效果图，会做到后面越来越卡，FW本来针对网页设计，并且是介于矢量图和位图之间的，并且制作出来的源文件就是PNG格式的，文件小，利于保存。代码的版本管理，由于没有团队，就不需要SVN这样的来管理。你们设计师后台提供的那个可以下载，就已经相当于版本管理了。
3、以上环节人员是如何分工的，还是1人多个环节，或代码会有多人并行操作；
答：我们准备拓展，组建团队，但是由于设计师这块对具体的交互能够实现的功能不了解，导致很多问题，我们对待模版设计和开发有自己的原则和坚持的品质，所以尽量会出一些高质量，有创新力的模版。
其实最困难的一点就是在交互设计上的问题，因为技术限制原因，很多不能实现，让设计师不知道该如何设计，以及设计出来的能否实现。
两人合作 一个出图 一个编码
1、比如一套SDK模板，您一般有怎样的几个流程环节
答：如果按照软件工程化管理，应该先做需求分析，再出设计图，目前就我一个人做，所以在实现上和设计上能够比较好的兼顾，就没有需求分析这阶段。A.设计出模版整个的效果图B.编码实现C.单元测试，集成测试，系统测试D.发布
SDK开发流程、使用工具人员分工调查
现在希望调查下各位SDK模板的开发流程、使用的软件工具及人员分工情况；
1、比如一套板，您一般有怎样的几个流程环节
2、每个环节用哪些软件、工具，有什么优缺点；代码是否进行版本管理，如何管理；
3、以上环节人员是如何分工的，还是1人多个环节，或代码会有多人并行操作；
根据大家的情况，我们看如何优化提高效率；
1.一分析模板功能用途 计划模板设置布局效果
淘宝装修模板代码教程大全(完整版)
淘宝装修模板代码教程大全(完整版)1)公告栏的装修图片代码,帖到公告栏就行了. 不过还是有好多人来问我公告栏的位置-----点我的淘宝-----管理我的店铺------基本设置，下面写着公告的位置。
<img src="图片的所在的地址"><img border="0" src="图片地址" />2).公告悬浮装饰图片代码，COPY到公告的最下面就好了哦，<IMG style="right: 5px; BOTTOM: 0px; POSITION: relative" src="你图片的地址">3)加背景音乐的代码。
进“我的淘宝”点击“管理我的店铺”进入“基本设置” 先贴代码，再写你的公告文字<bgsound src="你的背景音乐地址" loop=-1>4)浮动的图片的代码：</td></tr></table>;<img height="150" src="图片地址"5)滚动字幕代码：这个用处可就多了，放到哪里那些字都是会动的，有很多朋友在好评里都会用到哦！<marquee>输入你想说的话</marquee>6)自定义颜色代码<font color=blue>输入你想要说的话</font>注意:等于号"="后就是颜色的英文：不喜欢这个颜色还可以换成其他颜色的，如：red(红)、blue(蓝)、green(绿)等；不过注意代码的总长度不要超过40哦。
7)增加链接链接内容<a href="链接地址">链接内容</a>8)店铺分类的代码<img src=" 图片的地址" /> 代码就放在：我的淘简单介绍一下我的操作方法：1、选好喜欢的宝贝分类模板，复制保存之后，填上适当的文字，然后上传到网上相册；2、复制代码<img src=" 图片的地址" /> 到宝贝分类中；3、打开网上相册，选中相应的模板，右击属性，复制属性中的图片地址；4、由于网上的图片地址过长，因此要在/上进行网址缩短工作：即把复制的图片地址到这个网站中进行缩短，然后会出现一个较短的图片地址5、再用短地址放入<img src=" 图片的地址" /> 的""中就ok了9)如何在店铺公告添加个性的鼠标指针：马上copy这个代码，它可以让您的店铺公告更有吸引力呀<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td><table border="0" style="TABLE-LAYOUT: fixed">10)宝贝描述加上个性的鼠标指针自己喜欢的鼠标指针选好了吗？那就马上复制这个代码在宝贝描述里就可以了，当然还要先选“编辑源文件”<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')"><tr><td width="100%">另外，还要在源文件底部输入代码：</td></tr></table>宝贝描述中都带有“店铺收藏”字样，但是最新的淘宝收藏夹变化了，导致了以前的方法不灵了，如何解决这个问题呢？把以前的代码换成如下即可解决这个问题：/popup/add_collection.htm?id=62323209&itemid=62323209&itemtype=0&ownerid=115d86206eeba2e9d827ef69ac80a71c&scjjc=2（欢迎大家点击这个链接看看我说的方法灵不灵啊，点击确定之后，到您自己的收藏夹里面看一眼，是不是我的店铺已经被您收藏了？^-^^-^ 呵呵^-^）别忘了把62323209&itemid=62323209&itemtype=0&ownerid=115d86206eeba2e9d827ef69ac80a71c&scjjc=2这个数字修改成您自己的店铺ID哦（不修改的，我热烈的欢迎啊，哈哈）如何获得自己的店铺ID呢？进入“我的淘宝”/“查看我的店铺”，会看到浏览器的地址栏中有类似下面的字样：/shop/view_shop.htm?nekot=c21pbGVfNWNt1281414248539&user_number_id=321589306 user_id=后面的那串数字就是您自己店铺的ID了，把这个ID COPY下了，替换上面的那个代码就可以在宝贝描述模板里面添加收藏店铺了！！12)添加音乐代码：百度音乐/搜索你想要的歌曲，记得要选连接速度快的。
淘宝店铺装修教程(代码制作)
淘宝店铺装修教程（代码制作）对于新开的淘宝店铺来说，对自定义区进行装修是整个店铺装修的重点。
因为我们可以对自定义区进行添加文字、图片、表格等内容，而其他板块是不能实现这样的功能的。
所以，这个教程主要教大家如何进行自定义区的装修。
而想要把自定义区装修好，不可避免地会接触到网页编程这方面的内容。
可能有的朋友会担心这方面的知识比较难掌握，但我告诉大家，我们大可不必很专业，只要大家抓住几个重要的点，这方面的内容还是比较容易掌握的。
首先给大家介绍一个软件：dreamweaver。
这是一个网页编程软件，这个软件给了我们不必完全看懂源代码就可以把网页编辑好的可能。
图1我们先来认识一下文档工具栏。
在文档工具栏中设有按钮，使用这些按钮可以在文档的不同视图间快速切换，这些视图包括“代码”视图、“设计”视图、同时显示“代码”视图和“设计”视图的拆分视图。
一般情况下，我们在设计视图里可以直接插入相关的文字、图片、表格等，在代码视图里就直接显示相关的代码。
所以，应用这个软件，就算我们不太懂代码，我们也可以插入相关内容，达到比较好的效果。
1、插入图片、表格，如图2所示通过插入菜单，我们可以插入图片、表格和超链接等。
图2我们插入一些图片和表格，如图3所示.图32、代码选择面3图中显示，我们可以直接插入图片，也可以先插入表格，再对表格添加内容。
我们在显示视图中直接选择所有内容，相应的代码视图中的代码就被自动选中。
如图4所示。
图4对于那些没有被选中的内容，我们是不需要选择的，我们只要把被选中的代码复制到自定义区。
从图4中我们可以看出，图片的地址是电脑上的电脑，所以我们需要把图片先传到淘宝的图片空间里去，然后复制图片的地址，对电脑上图片的地址进行替换。
3、代码修改我们再来看图5中关于文字的代码。
图5Color代表颜色，#ff0000代表颜色代码，每种颜色对应一个代码，只要改成你想要的颜色的代码就可以改变颜色。
Size代表字体大小，只要对24pt进行修改，就可以改变字体的大小。
淘宝店铺模版装修教程
今天我要和大家分享一下淘宝店铺模版的装修教程，希望能对想要提升店铺形象和销量的卖家们有所帮助。
一、搜寻合适的模版
首先，我们需要在淘宝店铺的后台找到“店铺装修”选项，然后点击“选择模版”进行浏览。在模版库中，我们可以根据自己店铺的风格和定位，选择合适的模版进行预览和对比，最终确定一款最适合自己店铺的模版。
四、商品展示及详情页
在装修模版时，我们还需要关注商品的展示和详情页的设置。要确保商品图片清晰、完整，描述准确，让顾客看到商品时能一目了然，同时在详情页中填写好商品的参数、售后服务等信息，提供更全面的购物参考。
五、导航栏和客服功能
一个清晰明了的导航栏可以让顾客更快地找到自己想要的商品和信息，所以在装修模版时，我们要合理设置店铺的导航栏，将店铺的主要分类和推荐活动等内容展示清晰。另外，客服功能也是至关重要的，及时的在客服可以提高顾客的购买体验和信任感，因此我们要在店铺中添加好客服功能并保持在线。
二、模版布局及色彩搭配
选定模版后，我们需要对模版进行布局和色彩搭配的调整。可以根据自己的需求和产品特点，对首页的轮播图、推荐位、商品分类等进行合理排布和设置，同时注意色彩的搭配要符合店铺整体的风格，让顾客在进入店铺时就能感受到店铺的特色。
三、上传店铺Logo和宣传语
一个好的店铺logo和宣传语可以提升店铺的专业度和品牌形象。在装修店铺时，我们要及时上传自己店铺的logo，并设计一个简洁明了的宣传语，让顾客一眼就能了解店铺的卖点和特色。
六、店铺背景及装饰
最后，店铺的背景及装饰也是不能忽视的。可以根据店铺的主题和风格，选用合适的背景图案或颜色进行装饰，让整个店铺看起来更有质感和专业度。
七、页面预览及调整
完成以上步骤后，我们要进行页面的预览，在预览中检查各个模块的展示效果，确保页面的整体美观和功能完善。如有不符合要求的地方，需要及时调整和优化。
如何使用SDK高级模板WIKI教程并开发
如何使用SDK高级模板WIKI教程并开发前期准备：应具备技能：网页设计师Ps css html（要求比较高不会请跳到最后的学习资料）PHP开发php xml（略懂即可）需要的工具：SDK开发环境下载地址:PhotoshopDreamweaver（等网页制作工具及PHP开发）常用网页浏览器基本概念：模板的基本构成：模板：在SDK新建模板后，模板是一个文件夹，成型的模板是个zip压缩包页面：模板由多个页面组成，大致有店铺首页、搜索列表页、宝贝详情页等布局：每一个页面可以有很多种布局，比如950通屏750-190布局等模块：构成模板的最小单位。
了解SDK本地开发环境：跳转到这里了解如何安装SDK环境。
SDK环境默认安装到D: \DC_SDK，在其中需要注意的是htdocs目录，htdocs目录存放着模板，temp是模板开发完成后打包存放的压缩包的目录。
安装后桌面会有的图标，双击后启动一个命令行，不要关闭它。
然后在浏览器访问http://localhost:8080/就进入SDK web控制台了(注：允许开启多个SDK,多个SDK环境请复制多个文件夹，他们的端口会自动加1,如http:// localhost:8081/)，如图。
可视化操作，这里就不再阐述如何使用。
模板的文件结构：整个模板的文件夹template1是存在于sdk安装目录的制作流程：一、设计模板设计好模板。
二、SDK创建模板1.进入SDK后台创建新模板同时可以在模板目录的site.xml修改相应设置,,那么site.xml在那里???2.针对页面设置布局和坑拿首页（index.php）作为例子，用dreamwaver编辑index.php文件，在文件中添加布局结构具体的布局结构和坑可以参看淘宝SDK帮助手册（也可以参考SD K自带的template1中的index.php文件）。
其中<?php ?>中间部分为PHP输出的模块，每一个array()里面都是一个独立的模块这些独立的模块都存放于下面是modules里面的模块，创建了几个模块就有几个文件夹三、创建新模块1.进入模板后台，点击创建新模块，那么系统模块需要创建吗？？系统模块是不需要创建的只需要引入方可使用,这是对应的系统模块列表2.我们需要掌握的是自定义模块的创建同时可以在模块目录的module.xml修改相应设置具体事例：四、引入模块在首页index.php引入刚才新建的demo模块五、开发模块1.在首页引入模块后，就浏览首页2.现在demo里面没有任何内容，现在就在demo里面编辑设计师设计的自定义模块3.然后刷新首页4.现在是没有任何样式的普通文本，那就需要在bule.css样式表里面编写CSS样式了5.保存再刷新页面，就可以浏览制作出来的模块了六、调试模块1.进入调试界面，在地址栏后加入?debug2.然后就可以进入模块的编辑界面了编辑界面的内容与module.xml里面的内容相对，但是本地调试是没有作用的，可以在module.xml里面实时编辑，最好是线上测试编辑。
淘宝装修模板代码教程大全
淘宝装修模板代码教程大全淘宝装修模板是淘宝店主在创建店铺和设计商品详情页面时常用的工具。
通过使用模板代码，店主可以轻松地进行页面布局、添加图片和文字等操作，使店铺更具吸引力和个性化。
本教程将为您详细介绍淘宝装修模板的使用方法，帮助您快速掌握相关技巧。
一、模板代码简介淘宝装修模板代码是以HTML、CSS和JavaScript为基础的网页代码。
通过在模板代码中嵌入相应的标签和属性，店主可以自由地定制自己的店铺页面。
以下将介绍几个常用的模板代码标签及其作用：1. DIV标签：用于定义HTML文档中的一个区块，可进行布局和样式设置。
2. IMG标签：用于在网页中插入图片，店主可以通过设置图片路径和尺寸来展示商品图片。
3. P标签：用于定义段落，可以设置文字内容和样式。
4. A标签：用于创建超链接，店主可以将其应用于商品详情链接和店铺链接。
5. SPAN标签：用于设置文本样式，店主可以通过设置字体、颜色和行高等属性来进行个性化设置。
二、模板代码的使用步骤要使用淘宝装修模板代码，店主需要按照以下步骤进行操作：1. 登录淘宝商家后台，点击“店铺装修”进入装修界面。
2. 选择模板：在模板库中选择适合自己店铺风格的模板，点击“使用”进行编辑。
3. 进行编辑：在编辑界面中，店主可以通过拖拽、替换和调整模块的方式进行页面布局。
同时，也可以使用模板代码来进行更加个性化的设置。
4. 插入模板代码：在适当的位置，点击“插入代码”按钮，将需要的模板代码粘贴到弹出的代码框中，点击确定即可完成插入。
5. 预览和保存：在编辑完成后，点击预览按钮查看效果。
如果满意，点击保存按钮即可将修改应用到店铺页面。
三、常见模板代码示例在使用淘宝装修模板代码时，店主可以参考下面的示例代码进行使用和修改，以满足自己店铺页面的需求。
1. 布局代码示例：```<div class="layout"><div class="header">店铺头部</div><div class="main">主要内容区域</div><div class="footer">店铺底部</div></div>```2. 图片展示代码示例：```<img src="图片路径" alt="商品图片" width="200" height="200"> ```3. 文字描述代码示例：```<p>这是一段商品描述文字。
淘宝网店装修sdk篇
引言
引言
SDK开发者具备哪些条件 SDK开发流程详解 SDK开发的内容介绍
SDK开发并不难
SDK模板开发只是改变了简易模板制作的 一个方式，把更多的设计自由和更好的开 发环境给设计师，在这个开发的 环境下大 家可以更自由的发挥自己的创意，只要大 家了解了整体的制作过程就非常容易上手， 并不像一些人想象的那么困难！
整体内容
入门篇 提高篇 第一节：全面学习开发基本知识规范 第二节：实战篇
学习自主自愿 学习后可以独立开发SDK模板销售
ቤተ መጻሕፍቲ ባይዱ
SDK开发者要具备的能力
Photoshop图像处理 Html基础知识 Div+CSS布局的基础知识 简单的PHP输出语句 对淘宝装修一个基本的了解
SKD模板开发的流程
设计平面效果图 创建本地模板文件 创建自定义的设计师模块，编写HTML代码 配置模块信息，完成PHP语句 本地输出调试 上传自用型模板调试修正 完成作品，打包发布。
高级模板开发流程SDK语言编写详细介绍
高级模板开发流程SDK语言编写详细介绍高级模板开发流程是指在软件开发中，使用SDK（Software Development Kit，软件开发工具包）来开发高级模板的过程。
这里我们将介绍SDK语言编写高级模板的详细流程，以及注意事项和最佳实践。
1.确定需求：在使用SDK语言编写高级模板之前，首先需要明确开发的目标和需求。
这包括确定模板的功能、用户界面设计、数据处理逻辑等方面。
2. 选择SDK语言：根据开发需求和个人技术背景，选择适合的SDK 语言。
常见的SDK语言包括Java、C++、Python等。
选择合适的SDK语言可以提高开发效率和性能。
3.创建项目：使用开发工具创建新项目。
根据所选的SDK语言，选择相应的开发工具，以及相关的依赖库和插件。
在创建项目时，尽量保持良好的项目结构和代码分割，以便于后续的维护和扩展。
4.设计和实现用户界面：根据需求设计用户界面，包括窗口、按钮、文本框、菜单等控件的布局和样式。
使用开发工具提供的界面设计器，可以快速拖拽和调整控件位置和属性。
然后使用SDK语言编写代码实现界面逻辑，如事件处理、界面刷新等。
5.处理数据逻辑：根据需求，使用SDK语言编写代码实现对数据的处理逻辑。
这包括数据的获取、修改、计算和存储等操作。
根据项目的规模和复杂度，可以采用不同的数据处理方式，如使用数据库、文件系统、网络接口等。
6.调试和测试：在开发过程中，及时进行调试和测试是非常重要的。
使用调试工具和日志输出来定位和修复代码中的问题。
使用单元测试来验证功能的正确性和稳定性。
通过持续集成和自动化测试，可以提高开发效率和代码质量。
7.文档和注释：编写详细的文档和注释对于项目的可维护性和扩展性至关重要。
在代码中添加注释，解释每个模块和函数的作用和用法。
编写用户手册和开发文档，介绍模板的功能、使用方式和注意事项。
8.性能优化和安全性：在完成基本功能之后，可以对代码进行性能优化和安全性处理。
使用合适的算法和数据结构，减少资源消耗和运行时间。
kid淘宝装修教程
店铺装修教程说明：常见问题都在这里都有说明，图文并茂！请亲们仔细阅读！建议看完后再装修！有不明白的地方再另行咨询！一、模板安装：登陆后点击店铺装修然后点击“模板”点击我购买的模板找到购买的模板，点击应用：应用后，点击发布：二、模板备份店铺装修好后，建议备份一次，今后出错了，可直接还原。
备份步骤：点击店铺装修，选择模板，如果下图：备份的名字是模板的默认名称，如果名称过长，删除一些字符！三、店招更改：步骤：1）、登陆后点击店铺装修（如下图）2）、鼠标移动至店招位置处，点击“编辑”（如果下图）3）、点击“浏览”找到图片，上传即可如果是自己做的店招，图片大小不能超过100K！！！四、旺旺号修改：打开：/wangwang/2010_fp/world.php回到店铺装修页面---找到旺旺所在位置：选中原有旺旺图标------右击 ------粘贴即可！如果下图：其他旺旺修改方法都一样！你懂的~~~~~~~，最后保存一下！！五、添加店铺收藏链接做这个链接的时候，首先要找到自己店铺收藏代码！收藏代码并不是你店铺的地址！首先打开你的店铺：双击收藏图片其他自定义区域的内容，其实就是把原来的图片、名称和价格换成你的就可以！在做修改这些内容的时候，首先把要显示的图片处理好（大小）最后和模板保持一致！具体大小可参照模板。
图片处理好后，上传到你的淘宝空间！把图片的地址直接复制下来，换掉原来的地址！（图片上传方法这里不多说了）点击“链接”获取图片地址！回到店铺装修页面------双击要修改的图片-----把原来的图片和链接换成你的即可！产品名称和价格直接修改就可以了！收藏链接修改教程！教程地址：/group/thread/218727-22083878.htm会话过期解决方案：/group/thread/218727-257293771.htm。
SDK模板开发简易教程-精品文档
——五代十国 2019年4月20日
SDK教程大纲
1、开发SDK模板的前期准备工作 2、SDK的基本概念 3、制作流程 4、调试模板 2009-8-22 5、示例（从SDK创建到调试的整个过程）
SDK开发前期准备
1、应具备技能：
网页设计师 Ps html（要求比较高 不会请跳到最后 的学习资料） PHP开发 php xml（略懂即可）
制作流程
CSS样式及素材图片存放
找到assets文件
Imamges存放模板素材 进入
Stylesheets存放CSS文件
Blue.css存放模块及模板自定义样式
Global.css存放系统样式
制作流程
模板首页引入模块
模板调试
模板预览及调试模块
正常预览
在地址后面在加入”?debug”就进入了调试模式
SDK模板开发示例
为baobei模块添加CSS样式和图片
图片素材放入images调用即可
打开stylesheets文件
打开blue.css文件 写入样式
SDK模板开发示例 加入淘宝数据接口调用店铺信息
我们调用店铺名称 店主昵称 开店时间 三个系统接口
跟多接口调用及系统信息请参看wiki帮助文档
SDK模板开发示例 添加模块到首页
注：店铺数据行业不 一样默认调试的数据 也不一样
单击下一步继续
SDK模板开发示例
创建完成之后在SDK后台首页就会出现我们刚才创建的模板了
SDK模板开发示例 创建一个名为“宝贝展示”的模块
点击创建模块
创建成功之后
SDK模板开发示例 找到我们刚才创建的模块及模板
Htdocs存放所 有创建的模板
淘宝高级SDK模板制作08domcss
命名空间： <div id="content" class=" tb-shop " ></div>， 该设计区域的CSS样式有命名空间限制，需 要以.tb-shop为namespace(命名空间)的名 称。.tb-shop系统会自动给加上的，不建议开
发者自己添加以.tb-shop开头的样式。
CSS选择器规范: 设计师不能添加id选择器；如<div
•
让自己更加强大，更加专业，这才能 让自己 更好。2021年1月上午 12时33分21.1.100:33Januar y 1, 2021
•
这些年的努力就为了得到相应的回报 。2021年1月1日星期 五12时33分29秒00:33:291 January 2021
•
科学，你是国力的灵魂；同时又是社 会发展 的标志 。上午12时33分29秒 上午12时33分00:33:2921.1.1
谢谢大家！
</div>
</div>
</div> <div id="ft"><!--店铺页尾--></div> </div> <div id-"footer">淘宝页尾</div> </body>
开放的区域: 设计师设计的是不完整页面，开放给设
计师的页面区域在
<div id="content" class="tb-shop"></div> 这个标签内。
id=“XXX”></div>,是不允许的。 不允许以tb-开头（tb-shop除外，tb-开头的样式是淘
SDK模板常见问题和编辑教程
SDK模板常见问题和编辑教程第一步购买模板后，请退出试用状态！第二步点击后台“模板”，在下方先应用淘宝免费模板，然后点击“我购买的模板”里购买的模板，应用即可，升级时，步骤也按照这个走。
因为试用时，淘宝会强制加载一些代码到你试用的模板里，如果购买了接着装修，会引起不必要的错误第三步可以开始装修了！（要耐心哦）其他常见问题一览（装修前请先细看一下会让您的装修事半功倍）：1、如何进入我的装修平台解决办法：登录淘宝，然后点我的淘宝——》卖家中心，点左侧店铺装修2、有些模块现在不用可以删除吗，想用的时候在那里找回来呢？解决办法：模块都是可以删除然后重复添加的。
如何添加回来？在装修平台，可以看到很多蓝色横条上面写有“添加模块”四个字，点击蓝色横条可以看到基础模块、设计师模块等，找到对应的模块添加即可。
3、宝贝详情页能加悬浮吗，为什么我的宝贝详情页没悬浮了？解决办法：淘宝系统为了统一宝贝详情页购物体验，规定宝贝详情页不能加悬浮，系统会自动屏蔽掉，如果还有疑问请查看官方公告：【重要】关于旺铺装修使用规则公告！屏蔽旺铺装修浮层的公告4、为什么我把图片上传到图片空间后，把图片地址复制到模块中，图片小了不清晰了？淘宝为了节省图片空间，默认上传图片都自动帮你压缩了。
解决办法：用IE上传图片，在弹出框左下角有个压缩选项，去掉勾选即可。
5、为什么我新建的宝贝详情页中不能添加设计师模块？解决办法：目前SDK模版中只有模版配套的那个宝贝详情页才能加设计师模块，新建的宝贝详情页无法添加设计师模块，全淘宝都这样，目前没有办法，只有等淘宝来修复。
6、模块如何上下移动位置？为什么有的模块无法移动？解决办法：鼠标移动到模块上会出现上下箭头，箭头颜色是亮的才可以上下移动，点击箭头即可。
只有在同一个布局中的模块才能上下移动位置，无法移动模块是因为上下两个模块不在同一个布局中。
你需要把移动的模块删除然后在上面添加对应的模块就ok了7、为什么宝贝页和宝贝列表页的页头有部分内容看不到？？解决办法：淘宝限定页头限制150px高，超过这个高度页头的内容会在内页被截断，请不要在页头区域堆砌模块。
淘宝装修模板制作-
无需模板，让你的宝贝描述更美观，更整洁众所周知，版面加了图片会更漂亮，会更加吸引买家的视线，但如果图片多了，所占空间必定也大了，打开网页的速度必定大打折扣，如果买家网速不理想的话，浏览你的店铺的时候可能就没有耐性等待加载所有的内容了，同样内容文字排版不够美观直接的话也吸引不了买家。
今日发这贴主要是说说自己的经验，令你的宝贝描述版面更加美观整洁，更能吸引买家。
使用软件：dreamweaver，各大下载网站均有下载，百度搜索一大把。
打开软件如下图，点击“HTML”之后选择“插入”-“表格”，如图，行数改大一点，如果编辑结束后，多的可以删除，表格宽度改为：727，这是宝贝描述版面的合适宽度，大家可以适当调整.点击“确定”，如图如示：把鼠标移到表格边框并点击，屏慕下方就会出现该表格的属性，边框默认是1，把它改为0，这样表格的边框就不会在网页中显示出来了.当你想在表格中插入图片的话，只需把光标移到单元格中，在菜单上选择“插入”-“图像”即可，如图：这时由于图片宽度过大，以致系统自动调了宽度，左右两列单元格宽度变小，而中间单元格宽度增大，我们可以通过合并单元格来实现宽度复原，按入“Ctrl”键，鼠标分别单击同一行中的三个单元格，然后单击右键选择“表格”-“合并单元格”，看看效果，如图：以下是本人店铺宝贝描述编辑的截图：编辑排好版后只需把代码复制然后粘贴到你的宝贝描述内容中去即可，具体操作如下：点击菜单左上方的“拆分”，页面即出现如下形状：把鼠标移到表格边框，系统自动选择代码呈高度现状，鼠标只需移至代码区点击右键“拷贝”，如图：把代码粘贴在你的宝贝描述中去，覆盖原来的所有代码即可。
本人文笔有限，可能描述不够详尽，希望此贴可以帮到各位店主，令你们的宝贝更加能吸引买家，祝生意蒸蒸日上，日进斗金。
促销活动是现在所有卖家不可缺少的一项活动。
一款美美的促销栏，是增加浏览量的必要元素。
废话就不多说了，请看教程。
（此教程非常详细，只要看了就会懂的。
淘宝店铺装修模板代码使用教程
淘宝旺铺自定义内容区装修模板代码使用教程
淘宝旺铺中，自定义内容区可以显示店铺公告，人气宝贝，店长推荐，新品发布，联系方式等。
如下图：
淘宝店铺自定义内容区要编辑源文件，装修涉及的代码，一般都是放在自定义模块里的。
一般来讲，自定义模块根据位置分左侧模块、右侧促销自定义模块等。
这些代码的使用方法都一样，不同的只是模板的位置不同、大小不同而已。
这里我们以旺铺右侧自定义模块代码的插入为例子，给大家讲讲如何插入模板代码。
在插入代码前，请先添加你需要的自定义模块。
在添加好模块后，按以下步骤插入代码：
第一：进入店铺装修页面。
第二：点击右侧自定义内容区的“编辑”按钮。
第三：点击“编辑HTML源码”按钮。
第四：找到你的模板代码并复制。
第五：当按钮变成灰色时即进入代码编辑状态，粘贴代码。
第六：模板效果显示出来。
第七：点击插入图片按钮，插入空间图片。
插入图片前要把图片上传到博客，或者提供免费相册的网站，QQ相册空间等。
粘贴图片地址后，就可以显示你的宝贝图片了。
第八：
第九：点击发布，查看效果。
可浏览相关网站，下载免费模板使用：
/html/wangpucuxiao/wangpucuxiao_2155.html /
/。
淘宝SDK开发教程
淘宝SDK开发教程 SDK安装发布时间：2012-02-18 分类：淘宝SDK开发教程评论：0 Comments来源： 0次点击SDK的安装首先以设计师身份从淘宝店铺装修市场下载SDK安装包（Windows版或者Mac 版），然后将安装包解压到任何一个本地磁盘目录：解压后的目录结构如下图所示：各个目录的作用如下：• bin目录：bin目录主要放置启动和关闭SDK Server的脚本命令• conf 目录：conf 目录主要存放SDK的配置文件以及SDK web控制台的war应用• db目录：db目录主要存放SDK本体模拟数据文件，设计师设计的模板在本地渲染的时候，数据就是从此目录的文件中读取的。
• htdocs目录：htdocs目录存放设计师设计的模板文件，这个目录下可以存放多套模板文件• jre目录jre是SDK运行的Java环境。
SDK Windows版本会绑定JRE，而Mac版则没有这一目录。
Mac已经提供了默认的Java运行环境• lib 目录lib目录主要存放SDK运行所需要的jar包• logs目录logs目录主要存放SDK运行的日志文件• temp目录temp目录存放系统样例模板• ReadmeReadme文档介绍启动SDK的方法SDK的启动Windows版本下，双击SDK安装后的“启动设计师SDK”图标，即可启动SDK。
如果你使用的是Mac版本，这需要打开terminal，然后进入SDK的bin子目录，执行 sh startServer.sh即可。
如果需要关闭SDK，只需要在启动窗口中按下Ctrl+C即可关闭SDK（Mac同样）。
SDK不要放在桌面或含有中文名称以及空格的目录下。
特别说明SDK Windows版本会绑定Java运行环境，直接启动即可。
SDK Mac或Linux版本不会绑定Java运行环境，Mac会使用系统自动的Java运行环境，而Linux则需要你手动设置JAVA_HOME路径。
SDK常见问题淘宝装修
SDK常见问题一、如何上传宝贝1.选择宝贝（常用）淘宝提供的接口插件自动读取，选择后打x。
2.选择类目（常用）获取选择按店铺拍类目，然后选择类目打勾即可。
二、设计师模块可重复添加，重复使用。
暂时用不着的，也可以先删除掉，以后要用时再加上。
添加设计师模块时，请注意该模块的“适用范围”。
模块区域都是包括四个，950区域750区域550区域190区域。
图解：v三、第一个“在此处添加新模块”都是属于头部，请不要在头部添加模块，为什么呢：a，头部添加的模块在每个页面都会显示，如果添加的模块过长，买家进入宝贝详情页，第一屏将看不到【购买按钮】，用户体验极差。
b，在头部添加的设计师模块，【选择宝贝】功能将无法使用。
c，淘宝官方规定，头部最多能有五个模块（模板本身默认的店招，菜单，头部公告），所以如果你非要添加，请最多添加两个模块。
d，如果头部模块添加过多，删除时将非常麻烦！图解：四、店铺招牌上传模板有两种形式1．直接从电脑上传图片，找到图片浏览点击进去找到店招，保存上传即可。
图解：2．把图片上传淘宝图片空间然后复制链接到店招背景图，保存即可生成。
图解：五、左侧悬浮分类和右侧悬浮旺旺设置1.左侧悬浮分类设置图解：分三种（1）加载店铺所有分类，不用设置自动调用您后台的所有宝贝分类。
（2）筛选系统分类配合选择您需要悬浮分类上的展示的宝贝分类。
保存即可（3）自定义分类（正常情况在不建议使用这个，比较麻烦，前两种易操作）：图解：（自己设置一下分类，每个名称之间#隔开。
编辑里面有说明）2.右侧悬浮旺旺设置：（1）旺旺风格有分大旺旺和小旺旺（2）客服名称随意取名字#号隔开例子：导购#售前#导购旺旺帐号：淘宝登录帐号能登录淘宝的帐号都是可以，包括子帐号。
例子：sjwl123#sjwl:售后#sjwl123:售前保存后即可生成。
（3）收藏都是自动加载的，如果您要添加自己的收藏图片的话，自定义就可以了，把图片上传淘宝图片空间，复制链接过来即可收藏链接，顶部旺旺右键点击收藏本店选择属性然后复制地址即可3.悬浮的全局设置图解：（1）显示模块和隐藏模块隐藏模块（变成透明状，以后要调用出来鼠标移动上去即可）（2）收缩模块和展开模块：。
淘宝网店铺开发 SDK 模块编写规范
目录[隐藏]1模块描述符文件详解2模块编写2.1系统模块2.2创建模块2.3模块配置说明模块描述符文件详解模板页面中会包含模块，每一个模块都有一个名称为”module.xml”的描述符文件，包含以下信息：1．基本信息：名称、版本号、change log，描述、示意图等2．moudle配置信息：module的元素类型采用html 5中的数据类型，如url, email，number，text,textArea, htmlArea等，这些类型同时包含基本的校验信息3．其他等<?xml version="1.0" encoding="GBK"?><module><!—模块ID--><id>textbox</id><!—模块名称--><name>文本块</name><!—模块文件--><file>textbox.php</file><!—模块缩略图--><thumbnail>assets/images/textbox.png</thumbnail><!—模块参数--><parameters><param name="title" description="标题" type="text">标题-1</param><param name="content" description="内容" type="text">内容-1</param></parameters></module>模块编写系统模块下表为淘宝提供的系统模块，您可以自由在模板中添加。
什么是淘宝SDK模板,拓展版模板01
SDK是什么？是淘宝装修市场上的高级模板，是淘宝店铺装修的神器。
它与普通模板比，有许多优越之处，最突出的就是装修便利。
SDK高级模板图片加载时间短，不需要卖家繁琐地去给每个插图加链接，简单输入商品链接，搜索商品词，选择商品的排列方式，装修界面中的宝贝就自动加载。
因为不用看html代码了，使用者编辑直接就是以填空或选择的形式，添加删除很直观，装修省却不少时间，而且效果稳定。
看看下图碧珊珊最新SDK模板的店招模块的编辑页面，是不是很“傻瓜”？SDK不仅方便卖家，而且也方便买家。
目前淘宝不少大卖家宝贝数量多，分类也多，买家进入店铺不希望浏览过慢，总想尽快找到自己的目标宝贝。
由于SDK模板布局灵活，设计师可以发挥的空间大，所以能在装修模块中深度开发实用功能，大大方便了买家和卖家。
上图是碧珊珊新款SDK模板设计的店招导航区，有局部下拉二级动态菜单，多种特效可以选择。
能轻松为买家搜索目标导航，很小的空间就涵盖了巨量信息。
上图是店铺上部的悬浮客服区，收缩式整体设计，纷繁的店铺信息容纳于时尚简约之中。
卡片式的浮动窗口，可分别弹出半透明二级分类、横幅广告、客服旺旺。
以上简单又明了的导航服务是不是可以让买家有“快”感呢？SDK高级模板独特的空间压缩式设计是简易模板无法实现的。
从上图可以看到，即便是到了店铺页面狭小的尾部，SDK模板仍有发挥的空间。
客服工具条让买家不用回拉页面就能联系卖家，而右下角的弹出窗口，商品广告、店铺公告、团购促销三合一，及时地再次向买家传递店铺重要信息。
SDK的优越性不只是快，除了快，还有时尚、豪华、舒适等元素交织在一起。
扶植版、标准版店铺目前还不能使用SDK高级模板。
介绍一下SDK的分享功能吧。
使用模板的店铺，可以得到外网的分享，20个知名网站免费宣传，你是不是多了一个推广的好帮手。
还有，SDK可以多色背景切换，从量上说，一套SDK模板相当于n套简易模板。
SDK模板，只有用了才知道。
装修市场上的模板试用是免费的啦。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
淘宝网装修市场高级模板设计指南1目录1、本地开发环境 (3)1.1 什么是SDK (3)1.2 下载SDK (3)1.3 安装SDK (4)1.4 SDK的目录结构 (7)1.5 启动SDK (8)2、使用SDK后台 (10)2.1 创建模板 (10)2.2 预览模板 (17)2.3 配置SDK本地属性 (18)3、模板的标准结构 (18)4、设计模块 (18)4.1 创建相关文件资源 (18)4.2 编写模块代码 (19)4.2.1 引入标识 (19)4.2.2 使用KISSY效果 (19)4.2.3 使用模块参数 (19)4.2.4 调用数据接口 (20)4.3 配置模块信息 (20)5、设计页面 (22)5.1 结构化页面 (22)5.2 设计页面 (24)5.2.1 引入单个模块 (24)5.2.2 划分页面片区 (25)5.2.3 配置页面信息 (26)6、特殊页面要求 (27)6.1 宝贝详情页面 (27)6.2 宝贝列表，文章列表页面 (27)6.3 不可装修的页面 (27)7、调试模板装修效果 (28)8、关于白名单过滤 (28)9、PHP函数 (28)10、发布模板到装修系统 (28)21、本地开发环境1.1什么是SDKSDK是淘宝提供给设计师在本地设计模板的软件开发包，SDK模拟了淘宝店铺环境。
SDK主要包括三个部分：Server，PHP引擎和模拟数据。
Server是指SDK会在本机上启动一个Server，这样我们可以通过浏览器浏览设计的作品。
PHP引擎是指设计师只能使用PHP作为模板设计的语言。
模拟数据是指SDK包括了淘宝各个典型的店铺，这样设计师在设计模板时不用考虑实际的数据库。
目前，提供Windows操作系统和Mac操作系统的SDK工具。
1.2下载SDK装修市场后台下载安装包，安装至本地，创建SDK web控制台。
您将使用淘宝ShopSDK 来开发和上传设计模板。
在开始设计之前，需在本地部署SDK环境。
设计师登录装修市场后，点击“设计师后台”导航按钮进入。
(加入设计师注册流程帐号。
)进入设计师后台界面：34点击“高级版”进入SDK 模板设计界面，1.3 安装SDK下面给大家具体介绍Windows 版本的安装。
假设您已经下载好了Windows 版本的安装文件，马上双击安装可执行文件，比如当前版本：进入SDK 欢迎界面，然后在许可证协议里选择“我接受”5进入安装选项界面，选定安装的组件，点击“下一步”进入安装文件夹界面，选择意向的安装目录，点击“安装进入安装进度界面，点击“关闭”，即完成SDK的安装。
67安装完成后将会在桌面生成“启动设计师SDK ”的图标。
1.4 SDK 的目录结构首先以设计师身份从淘宝店铺装修市场下载SDK 安装包（Windows 版或者Mac 版），然后将安装包解压到任何一个本地磁盘目录：解压后的目录结构如下图所示：各个目录的作用如下： • bin 目录：bin 目录主要放置启动和关闭SDK Server 的脚本命令• conf 目录：conf目录主要存放SDK的配置文件以及SDK web 控制台的war 应用•db目录：db目录主要存放SDK本体模拟数据文件，设计师设计的模板在本地渲染的时候，数据就是从此目录的文件中读取的。
•htdocs目录：htdocs目录存放设计师设计的模板文件，这个目录下可以存放多套模板文件•jre目录jre是SDK运行的Java环境。
SDK Windows版本会绑定JRE，而Mac版则没有这一目录。
Mac已经提供了默认的Java运行环境•lib 目录lib目录主要存放SDK运行所需要的jar包•logs目录logs目录主要存放SDK运行的日志文件•temp目录temp 目录中存放已经制作好的的SDK模板的zip包，设计师制作模板之后，通过SDK后台打包生成的zip文件就放在该目录下。
•ReadmeReadme文档介绍启动SDK的方法了解了目录结构以后，接下来介绍如何启动SDK。
1.5 启动SDK如果你的操作系统是Windows的话，双击桌面上的“启动设计师SDK”图标，系统将自动运行后台文件“启动设计师”并在浏览器中打开SDK后台。
以下是后台启动界面，设计师不用关心细节。
同时，为了保持运行状态，请不要关闭它。
8启动中的浏览器界面：启动后的界面:9如果你使用的是Mac版本，这需要打开terminal，然后进入SDK的bin子目录，执行sh startServer.sh即可。
如果需要关闭SDK，只需要在启动窗口中按下Ctrl+C即可关闭SDK（Mac同样）。
SDK不要放在桌面或含有中文名称以及空格的目录下。
SDK Windows版本会绑定Java运行环境，直接启动即可。
SDK Mac或Linux版本不会绑定Java运行环境，Mac会使用系统自动的Java运行环境，而Linux则需要你手动设置JAVA_HOME路径。
OK，到此为止你已经打造好了你本地的SDK环境，让我们一起开始我们的模板设计之旅吧。
2、使用SDK后台SDK中提供了一个管理后台，在启动SDK之后默认会进去SDK的管理后台，通过SDK 的管理后台，我们可以通过后台管理界面进行多方位本地管理。
2.1 创建模板进入Web控制台首页，点击“设计新模版”按钮，10进入模板创建界面如下图所示：按照提示填写模板信息，如下图：1112点击“下一步”按钮，进入模板成功创建的界面：模板目录为“helloworld ”创建成功后，看看发生了什么变化。
点击“3，返回控制台”的链接：13名称为“模板初体验”的模板（模板目录名称为“helloworld ”），在首页显示了。
然后，点击“模板初体验”的模板，进入模板详情页面，如下图：在模板信息中，版本号是1.0.0(前面填写过)，语言为PHP （暂时仅支持PHP 语言）。
图片的下方是缩略图，分别有：首页、文章列表页、文章页面、搜索列表页、促销页面和宝贝详情页。
下面的目录介绍中会说明他们。
在“1.4 目录结构”章节中，介绍过htdocs目录存放设计师设计的模板文件，这个目录下可以存放多套模板文件。
浏览下该目录下面发生的变化，目录名称为helloworld的模板，SDK在htdocs目录下建立一个helloworld目录。
后面的章节会具体介绍这些文件和目录。
index.php：首页articleList.php：文章列表页article.php：文章页面searchList.php：搜索列表页onsale.php：促销页面detail.php：宝贝详情页header.php：头部footer.php：尾部site.xml：模板描述符文件。
配置和管理模板和模块。
TODO:后面的章节会详细提到。
assets目录：同时包括images和stylesheets两个子目录，静态资源引用需要以相对路径为准。
例如：images目录：存放图片等静态文件。
stylesheets目录：存放页面的渲染CSS文件，默认存放着名为global.css的全局样式文件。
modules目录：管理和配置模块。
在上面提到的几个缩略图的图片也在该目录里面有对应的文件，默认的目录结构在X:\DC_SDK\htdocs\helloworld\assets\images\，X代表安装的盘符，默认值是D盘。
1415替换这些图片（默认的大小150x150 像素），利用缩略图更好地来展示（预览）页面模块。
地址：http://localhost:8080/_ah/template/templateDetail.do?dirName=helloworld ，刷新模板详情页面：在了解创建模板的情况后，下面预览一下“模板初体验”的模板。
16172.2 预览模板点击菜单中的“我的模板”导航链接，进入“我的模板”界面：然后，点击“预览”按钮，马上浏览：看到了经典的淘宝店铺页面，除了头和尾部分，其他部分几乎没有内容。
这是因为没有编辑模板页面。
对于设计师来说，你要做的工作就是填充淘宝的头尾之间东信息。
或许这会儿你已经迫不及待希望看到一个模板到底能做到什么程度，SDK 本本省就提供了一个示例模板，你可以直接看到一个成熟的模板是什么样式，在浏览器中地址栏中输入http://localhost:8080/template1/index.htm ，你就可以看到默认自带的模板：模板页面预览的效果2.3 配置SDK本地属性在SDK中，我们提供了多套数据模拟数据，在SDK后台界面上，点击系统设置，就会列出多套默认的数据，设计师通过选择对应行业的数据便亦可以使用相应行业的模拟数据来调试模板。
3、模板的标准结构4、设计模块模块化的页面通常是由一个个模块做组成的，所以在介绍编写页面之前，我们先了解模块是如何设计的。
4.1 创建相关文件资源模板中的模块都是集中在模板标准目录的modules目录中。
模块的创建及管理可在SDK 控制台的模板详情页进行。
18具体的模块创建及管理功能，请参见Wiki模块编写规范：/index.php/%E6%A8%A1%E5%9D%97%E7%BC%96%E5%86%99%E8%A7%84%E8%8C%83下来需要做的就是在php文件中编写具体的模块代码，配置模块信息，模块的参数。
4.2 编写模块代码4.2.1 引入标识模块代码要能够被JS识别为模块，以便进行装修操作，设计师需要引入在模块的html代码中引入模板规范约定的标识符J_TBOX, 以及输出用以在装修中操作模块编辑删除，移动的Toolbar，<?php echo $_MODULE_TOOLBAR ?>，具体代码示例如下：<div class="box J_TBox" <?php echo $_MODULE_TOOLBAR ?>>//模块内部代码</div>4.2.2 使用KISSY效果虽然说设计师不能够直接书写JS，但是淘宝KISSY框架提供了一些通用的特效接口，通过在html中配置使用，比如跑马灯效果。
要使用KISSY特效接口，首先要在模块内部某个节点上加上class J_TWidget,然后进行一系列参数配置，要使用图片轮播效果，可以有以下配置：<div class="carousel J_TWidget" data-widget-type="Carousel"data-widget-config="{'effect':'scrollx','easing':'easeOutStrong','prevBtnCls':'prev','nextBtnCls':'next', 'contentCls': 'carousel-main', 'navCls': 'carousel-nav','activeTriggerCls': 'selected','lazyDataType':'img-src'}">具体的KISSY使用说明和示例效果请见：/index.php/Widget%E8%A7%84%E8%8C%834.2.3 使用模块参数模块通常代表了一个独立的功能，但是一个功能被不同的卖家使用起来，通常卖家有一些特定的要求，比如，模块中显示的图片，不如显示的宝贝的大小，等等一系列的扩展要求，该如何满足，不可能让所有的卖家都是用完全一模一样的功能。