许多从事外贸的客户对商品的多样化呈现及客户交互有较高的需求,希望客户在浏览网站时能够提供商品的多种交互。今天就给大家介绍一种商品展示的功能——产品比较。

产品比较功能如下图所示,可以将两个 / 多个产品排列进行多种参数上的比较

【问题】如何实现产品比较功能

【解决方案】使用wocommerce compare 插件

进入Compare的设置页面

1.General Settings

  • Link or Button 可以选择比较的展现形式为按钮或链接
  • Link/Button text 可以键入比较的按钮或链接名称
  • *Show button in single product page 可以在单一产品页点击进行比较 建议勾选
  • *Show button in products list 可以在产品产品列表页点击进行比较 建议勾选
  • Open automatically lightbox 自动弹窗 建议默认勾选

2.Table Settings

  • Table title 可修改弹窗的名称
  • *Fields to show 可选择需要比较的属性 自定义的属性在其中均可以选择
  • Repeat “Price” field 在列表中重复价格比较
  • Repeat “Add to cart” field 在列表中重复加入购物车选项
  • Image size 可以修改呈现产品的图片大小

3.效果呈现

点击Compare进行比较,弹出图1的样式

 

专业网站开发网页设计公司

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

wechat logo