《Hybris前台组件说明与使用.docx》由会员分享，可在线阅读，更多相关《Hybris前台组件说明与使用.docx（6页珍藏版）》请在三一办公上搜索。
1、Hybris前台组件说明与使用HYBRIS 前台组件说明与使用 目录 HYBRIS 前台组件说明与使用 . 1 1 前台组件简介. 1 1.1 组件层级关系 . 1 1.2 简介. 2 2 组件操作. 2 基本操作规则 . 2 1. 创建 BaseStore. 3 2. 创建 webSite. 4 3. 创建CataLog. 5 4. 创建 Page Templates . 7 5. 创建页面布局元素Slot . 11 1 前台组件简介 1.1 组件层级关系 BaseStore Web Site Content Catalog Product Catalog Page Template Pro
2、duct Pages For page Template Slot For page Slot Component Component 1.2 简介 1) BaseStore 基础设置,如果新网站需要不同货币和语言，则需要创建多个BaseStore . 2) WebSite 站点管理，可创建多个站点 。 3) Catalog 网站目录管理 ， 分为Content/Product 两种， Product Catalog 主要用于管理 产品， 当存在多供应商/品牌 时，可创建多个product Catalog 来管理 Content Catalog 用于管理除产品外的所有网站内容， 在Catalo
3、g中进行版本控制，创建 Staged/Online 两个版本，在Staged中修改测 试完成后，同步到Online 中，用户才能访问到修改后的网站 4) Page Template 网页模板， 如 主页，产品页模板， 主要用于页面布局 在网页模板上创建的Component 将在任何使用这模板的页面上显示同样内容 5) Pages 套用网页模板后的最终页面 6) For page Template Slot/ For page Slot 网页、网页模板布局组件， 设定Component 在网页上的位置 7) Component 2 组成网页的基本组件，如logo , 搜索框，链接，产品展示组件等
4、。 组件操作 基本操作规则 在创建网页的所有元素时都可以在选中要创建的元素，然后点击上面的NEW 按钮 可以在所有需输入或添加的框上面点击右键，出现修改/创建或添加引用的链接 1. 创建 BaseStore 选中左边导航栏的 BaseStore , 右击或点击页头 NEW 按钮进入创建界面，填写红框部分内容，点击 administration后，找到语言，选择添加语言选项 点击Create，创建成功 2. 创建 webSite 选中左边导航栏的 webSite , 右击或点击页头 NEW 按钮进入创建界面，填写红框部分内容，其中 框1 参数 NAME 是多语言版本，点击 NAME 右边的小按钮
5、，将会把所有语言展示出来，只需要在相应的语言上输入即可 框2 选择刚才添加的base store 框3暂时留空，等创建好了Catalog 再返回这里修改 框4 1为网站布局颜色， 2为网站类型，这里选择b2c , 3为默认语言 此处添加一个访问网站的正则表达式 (?i)https?:/+(/?*)?(.*&)?(site=unimass)(|&.*)$ 选择 WCMS Cockpit Properties , 在WCMS Cockpit Preview URL 上填写 /unimassstorefront/?site=unimass ，此处为指定网页访问路径 完成后点击create 保存，创建
6、成功. 3. 创建CataLog 选中左边导航栏的 CataLog, 右击或点击页头 NEW 按钮进入创建界面， 在 Catalog Versions 栏添加 Staged 和 Online 两个版本后，点击Create administrator 视图里选择活动版本及所在的web Site ，点击保存 单击上图中的Unimass Staged 版本，弹出版本修改页面 添加语言项， 然后点击Catalog Versions 视图 新建一个Synchronization 框1 处选择Online 版本， 框2处选择一个语言后保存， 创建 Catalog 完毕 4. 创建 Page Templat
7、es 使用Clone方法创建一个新的Page Templates 在这使用 Landing Page 2 Template 页面进行 CLone ,点击CLone后进入 选中WCMS Cockpit Properties 视图， 从克隆的tempLate 里拷贝出 中间这段html 代码， 粘贴进新页面模型中，然后选中 administrator 。 输入与页面模型对应的jsp页面名称，在hybris 文件中找到Clone页面相对应的jsp页面，创建一个与新建pagetemplite 相对应的jsp文件 登录 http:/localhost/cmscockpit/index.zul ，点击Un
8、imass staged ,点击+ 号 创建一个模板引用 ， 双击 page Template 文件 可以看见页面布局 其中未定义的页面元素都可以按需求设置各个Components 。 5. 创建页面布局元素Slot 创建slot for page templates 点击创建进入创建页面 所有控件必须选择catalog version ， 这里选择 staged 版本 其中position 参数需对应templites 页面布局的名称 ，右击点击创建COntent slot 下框中Components 创建一个banner Component 其中administration 视图中 media 属性可以在对应的语言环境下选择一个media 组件，点击保存按钮后 创建成功， 可以在前台页面编辑视图中查看 在页面模板上查看红色并且未定义字样消失，表示创建成功 page页面上创建组件请参照 page Templite .
