spot_img
Homewoocommerce教程wocommerce教程 - 如何实现多个woocommerce商品的参数比较

wocommerce教程 – 如何实现多个woocommerce商品的参数比较

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

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

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

【解决方案】使用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的样式

 

贷款申请在线申请,高额度,快速下款!
siteground 小红书电商教程
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES
spot_img

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