完整设置 WoodMart 产品比较与收藏功能指南

使用 WoodMart 主题打造电商网站时,很多人会希望添加“产品对比”和“收藏”功能,让访客可以快速挑选心仪商品。这两个功能 WoodMart 已经自带了,只需要正确设置就能马上启用,不需要额外插件。

前置条件

需要提前安装并激活 WoodMart 正版主题,并确保已启用 WooCommerce 插件作为产品管理系统。建议使用子主题以防止后续主题更新时丢失个性化设置。

一、启用产品比较功能

进入后台,点击 WoodMart > Theme Settings,选择左侧的 “Shop” 栏目,再点击 “Compare”。

找到“启用比较功能”的选项,将其打开。同时可以启用“在产品卡片上显示比较按钮”。

如果你的站点没有自动生成比较页面,可以手动新建一个页面,标题可以是“产品对比”,内容中添加以下短代码:

[woodmart_compare]

保存发布后,回到主题设置,将该页面绑定为“比较页”。

二、启用收藏(愿望清单)功能

在 Theme Settings 中,进入 “Shop > Wishlist” 选项。

打开“启用愿望清单”功能,同时启用“在产品卡片中显示愿望清单按钮”

如果没有自动生成愿望清单页面,也可以手动创建,正文输入短代码:

[woodmart_wishlist]

发布后,绑定为愿望清单页面即可。

三、自定义图标与按钮位置

在 Theme Settings > Product Styles 中

你可以设置比较和收藏按钮在产品卡片中的具体样式,比如只显示图标、文字,或者两者都有。也可以选择它们出现在产品图下方、鼠标悬停时弹出,或直接浮动在一侧。

四、功能测试与使用演示

完成设置后,访问任何一个产品页面或商品列表页,应该能看到两个按钮:

♥ 添加到愿望清单

⊕ 添加到比较清单

点击按钮后商品将自动添加到对应的列表,并显示添加成功提示,用户可以直接跳转查看当前对比的商品或收藏内容。

五、提升交互流畅度的进阶设置

WoodMart 支持 AJAX 操作,让添加收藏、比较、加入购物车这些功能不需要刷新页面,操作更流畅。

进入 Theme Settings > AJAX

建议全部开启,提升交互效率,减少跳转干扰。

总结

WoodMart 提供了产品比较和收藏功能的完整支持,不需要外部插件即可实现。如果想进一步优化样式或交互效果,可以配合 ElementorCSS 定制或添加轻量级插件辅助实现。

Leave a Reply

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