utilization WoodMart ThemesWhen building an e-commerce website, many people would like to add "Product Compare" and "Favorites" features so that visitors can quickly select their favorite products. WoodMart already comes with these two features, just need to set them up correctly to enable them right away, no additional plugins are needed.
![图片[1]-完整设置 WoodMart 产品比较与收藏功能指南](https://www.361sale.com/wp-content/uploads/2025/05/20250528142204357-image.png)
pre-conditions
Pre-installation and activation required WoodMart Genuine theme and ensure that the WooCommerce plugin is enabled as the product management system. It is recommended to use a child theme to prevent loss of personalization settings on subsequent theme updates.
I. Enabling the product comparison function
Go to the backend, click on WoodMart > Theme Settings, select the "Shop" field on the left side, and then click on "Compare".
![图片[2]-完整设置 WoodMart 产品比较与收藏功能指南](https://www.361sale.com/wp-content/uploads/2025/05/20250528142802867-image.png)
Find the option "Enable comparison" and turn it on. You can also enable "Show compare button on product cards".
![图片[3]-完整设置 WoodMart 产品比较与收藏功能指南](https://www.361sale.com/wp-content/uploads/2025/05/20250528143108197-image.png)
If your site does not automatically generate a comparison page, you can manually create a new page, the title can be "Product Comparison", add the following short code in the content:
[woodmart_compare]
After saving the post, go back to the theme settings and bind the page as a "Compare Page".
II. Enabling the favorites (wish list) function
In Theme Settings, go to "Shop > Wishlist" option.
![图片[4]-完整设置 WoodMart 产品比较与收藏功能指南](https://www.361sale.com/wp-content/uploads/2025/05/20250528143322834-image.png)
Turn on the "Enable Wishlist" feature and enable the "Show Wishlist Button in Product Card".
![图片[5]-完整设置 WoodMart 产品比较与收藏功能指南](https://www.361sale.com/wp-content/uploads/2025/05/20250528143430426-image.png)
If the wish list page is not automatically generated, you can also create it manually by entering the short code in the body:
[woodmart_wishlist]
Just publish it and bind it to the wishlist page.
C. Customize the location of icons and buttons
In Theme Settings > Product Styles
You can set the exact style of the compare and favorite buttons in the product card, such as displaying only the icon, the text, or both. You can also choose them to appear below the product image, pop up on mouse hover, or justfloat and driftOn one side.
![图片[6]-完整设置 WoodMart 产品比较与收藏功能指南](https://www.361sale.com/wp-content/uploads/2025/05/20250528144016732-image.png)
IV. Functional testing and demonstration of use
After completing the setup, visit any product page or product listing page and you should see two buttons:
- ♥ Add to Wish List
- ⊕ Add to comparison list
![图片[7]-完整设置 WoodMart 产品比较与收藏功能指南](https://www.361sale.com/wp-content/uploads/2025/05/20250528144718503-image.png)
After clicking the button the product will be automatically added to the corresponding list, and display the add successful prompt, the user can directly jump to view the current comparison of the product or collection content.
V. Advanced Settings to Enhance Interaction Fluency
WoodMart Support AJAX operation, so that add favorites, compare, add to cart these functions do not need to refresh the page, the operation is more fluent.
Go to Theme Settings > AJAX
![图片[8]-完整设置 WoodMart 产品比较与收藏功能指南](https://www.361sale.com/wp-content/uploads/2025/05/20250528145533904-image.png)
It is recommended to turn on all of them to improve interaction efficiency and reduce jump interference.
summarize
WoodMart provides full support for product comparison and favorites functionality without the need for external plugins. If you want to further optimize the styling or interactive effects, you can work with the Elementor,CSS Customize or add lightweight plugins to aid in implementation.
Link to this article:https://www.361sale.com/en/56431/The article is copyrighted and must be reproduced with attribution.






















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

No comments