如何使用产品详情组件？

【简介】 产品详情组件实现产品详情页面的不同产品数据的自动调用。

 

【应用场景】 产品详情组件添加在系统页面的产品详情页面，该组件会自动根据传入的产品id调用该产品下的产品详细数据，比如产品名称、产品图片、产品分享、产品属性、产品规格、产品询价/加入询价篮/购买/加入购物车、产品描述等，同后台内容管理中的产品系统的产品数据自动匹配对应。所以产品详情页面是所有产品详情的通用模板，页面结构一致但是组件的数据会动态读取。

【使用方法】 

1、如何添加产品详情组件？
第一步：打开360 浏览器，输入网址 www.7datong.com ，进入七达通科技云营销平台。


第二步：点击右上方“登录”按钮  。



第三步：进入“登录到七达通科技云营销平台”页面，输入账号和密码登录。



第四步：点击“编辑网站”按钮。


第五步：添加产品详情组件。把鼠标放到需要添加产品详情组件的位置，出现小水滴，单击小水滴（即添加组件按钮），弹出添加组件弹出框，单击产品组件下的 “ 产品详情 ” 组件；


第六步：添加“产品详情”组件。在产品组件中，找到“产品详情”组件，单击“产品详情”，弹出“设置产品详情”窗口。




2、如何设置产品详情组件？

在弹出的设置产品详情窗口，可以设置产品详情的内容和风格。

内容：

组件标题：根据需要可以输入组件标题，若不输入，标题也不会显示  ；

“询价”功能：若选择开启，则产品详情中会显示询价功能；若选择关闭，则产品详情中不会显示询价功能。

“加入询价篮”功能：若选择开启，则产品详情中会显示加入询价篮；若选择关闭，则产品详情中不会显示加入询价篮。

支持上/下一个：若选择是，那么每个产品产品详情页面就会出现上一个产品和下一个产品的文字链接。

图片放大镜功能：如选择开启，则鼠标触摸到图片上图片会放大，若选择关闭，则图片不会有变化。

开启分享功能：若选择开启，则可将产品分享至社交软件；若选择关闭，则不可分享。

图片大小：可以更改图片大小。

产品排序方式：有按修改日期降序（最新修改的在最前面）、按修改日期升序（最新修改的在最后面）、按添加日期降序（最新添加的在最前面）、按添加日期降序（最新添加的在最后面）这四种选项。





风格：

展示样式：有5 种展示样式可供选择，根据5 种不同样式，有以下几种选项可以选择和更改；

产品属性位置：可以选择将产品属性放在图片下面或图片右侧。

是否显示标签卡选项： 若选择显示，则可在页面中看到标签卡；若选择隐藏，则不可在页面中看到 标签卡。

页签展示样式：有4 种页签展示样式可供选择。

按钮样式：除默认样式外，有11 种不同颜色和形式的按钮样式可供选择。




更改完成产品详情内容及风格后，点击 右下方“保存”按钮，保存所修改的内容。