许多从事外贸的客户对商品的多样化呈现及客户交互有较高的需求,希望客户在浏览网站时能够提供商品的多种交互。今天就给大家介绍一种商品展示的功能——产品比较。
产品比较功能如下图所示,可以将两个 / 多个产品排列进行多种参数上的比较
【问题】如何实现产品比较功能
【解决方案】使用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的样式