《新版店铺装修模版.docxVIP

目录一、总体描述31、进入系统设计界面32、文件管理操作62.1、添加模版62.2、删除模版102.3、添加页面122.4、查看页面属性142.5、删除页面152.6、模版发布172.7、图片上传183、布局和模块操作313.1、布局操作313.2、模块操作333.3、背景操作364、样式属性操作404.1、样式编辑404.2属性编辑425、tp1页面文件操作455.1、页面提交455.2、页面预览465.3、查看页面源代码47二、模块属性481、头部模块482、导航模块493、图片轮播534、公告模块585、广告模块606、分类目录627、热销排行648、热门搜索679、热门分类6810、产品搜索7411、企业信息7412、商品展示7613、企业简介8114、联系我们8315、公告详情8416、抢购活动8517、自定义86一、总体描述1、进入系统设计界面通过各种浏览器操作实践，建议使用兼容性好的火狐浏览器。 在浏览器地址栏输入htttp://，进入商城系统首页，如图2.1。 图2.1 商城系统首页 点击“会员登录”，点击“企业登录”，如图2.2。 图2.2 商城系统登录界面 输入“登录名”，“密码”，“验证码”，成功登录界面如图2.3。 图2.3 成功登录商城系统界面 点击“商铺管理”，点击“新版店铺装修入口”，界面如图2.4。 图2.4 进入店铺装修系统界面 点击“进入店铺装修系统”，主界面如图2.5所示。 图2.5店铺装修系统主界面 整个系统由文件管理、元素属性、布局和模块及中部模块编辑面板等组成，其中文件管理、元素属性、布局和模块均为浮动面板。 点击面板上的箭头符号可以收缩或展开面板。 红线框圈住的部分为用户文件管理的跟文件夹，以用户的店铺名称来命名。2、文件管理操作 2.1、添加模版在文件管理面板右击跟文件夹名称，弹出菜单如图2.2.1所示。 图2.2.1 文件管理跟文件夹右键菜单界面 点击“添加模板”，弹出对话框，提示输入模板名称，如图2.2.2所示。 图2.2.2 文件管理模板目录添加界面 1.按格式要求输入模板目录名称，点击确定，文件管理界面展示如图2.2.3所示。 图2.2.3 添加模板目录成功界面 默认风格为空白（页面无添加任何信息），红线圈住部分为用户添加的一套模板目录名称，文件结构以树形结构展现。 系统默认加载的文件有index.tpl、noticeList.tpl、productList.tpl及资源文件夹下的样式文件和相册，点击收缩子文件；点击展开子文件。 index.tpl用于展示用户装修店面的模块内容，noticeList.tpl用于添加公告详情模块，productList.tpl用于添加商品列表模块，样式文件用于存放用户修改的样式内容，相册文件用于存放用户上传的图片资源。 双击打开任一TPL文件（如index.tpl），页面上空白，如图2.2.4。 图2.2.4 空白风格模板页面展示 2. 用户输入模板目录名称， 选择风格为红色，点击确定，双击打开任一TPL文件（如index.tpl），页面效果如图如图2.2.5。 图2.2.5红色风格模板页面展示 3.若用户未输入模板目录名称，将不能提交添加模板目录的操作，如图2.2.6。 图2.2.6 添加模板目录失败界面一 4. 若用户未按格式要求输入模板目录名称，将不能提交添加模板目录的操作，如图2.2.7。 图2.2.7 添加模板目录失败界面二 2.2、删除模版在文件管理面板右击模板目录名称，弹出菜单如图2.2.8。 图2.2.8 模板目录右键菜单界面 点击“删除模板”，弹出确认删除提示，如图2.2.9。 图2.2.9 删除模板确认界面 点击“是”，将删除该套模板目录下所有文件，如图2.2.10。 点击“否”，取消模板删除操作。 图2.2.10 删除模板成功界面2.3、添加页面在文件管理面板右击模板目录名称，选择“添加页面”，弹出对话框，提示输入页面名称，如图2.2.11。 图2.2.11 文件管理添加页面界面 1.按格式要求输入页面名称，点击确定，文件管理界面展示如图2.2.12。 图2.2.12 添加页面成功界面 红线圈住部分为刚添加的页面，与index.tpl平级展示。 2.若用户没有输入页面名称，将不能提交添加页面的操作，如图2.2.13。 图2.2.13 添加页面失败界面一 3.若用户未按格式输入页面名称，也不能提交添加页面的操作，如图2.2.14。 图2.2.14 添加页面失败界面二 4.用户输入已存在的页面名称，点击确定，弹出错误提示，如图2.2.15。 图2.2.15 添加页面失败界面三2.4、查看页面属性选中一个页面文件（如nav.tpl）右击，弹出菜单如图2.2.16。 图2.2.16 页面文件右键菜单界面 点击图2.2.16 中