How to Enable and Optimize the Compare Products Feature in the Woodmart Theme (Complete Setup Guide)

Woodmart be WooCommerce A highly popular advanced theme among users, its Compare feature significantly enhances users' understanding of product differences, helping them make purchasing decisions more quickly. This tutorial will guide you step by step through enabling and optimizing the Compare feature.

I. Enabling the Woodmart Compare Feature

Woodmart comes with a built-in Compare feature that can be enabled in just a few simple steps.

Open the Compare settings location

Go into the background:
Woodmart → Theme Settings → Shop → Compare

Enable Compare Feature

Enable in the interface Enable Compare Switch.
Upon completion, the theme will automatically provide comparison capabilities for products.

II. Setting Up the Compare Page and Shortcode

The Compare page displays information about products users have selected for comparison.

Select the Compare page

exist Compare Page In the field, select the page you wish to use as the comparison result.

Add comparison shortcode

Woodmart will provide a dedicated shortcode. Simply place it on the page to display the product comparison.formsThe

III. Set the fields to display in the Compare table

You can decide which product attributes to display in the Compare table, making it easier for users to compare items.

Optional Display Fields

Common fields include:

• Product Image
• Product Title
• prices
• Material
• sizes
• color
• SKU
• Inventory, etc.

Preview Comparison Effect

Add two or more items to Compare to access the Compare page and view the final display results.

4. Set up placeholder text for the empty Compare page

When the Compare page contains no products, the system will display a prompt.

Editor's note

exist Empty Compare Text Enter the content you want to display, for example:
No items are currently added to the comparison. Please select a product first.

V. Configuring the Display Style of the Compare Button

The Compare button serves as a crucial entry point for user actions, and Woodmart offers multiple button behavior settings.

Display the Compare button in the product grid

opens Show button on product grid After that, the button will appear on allProduct ListIn the product box.

Save button state

start using Save button state after adding After adding items to the comparison list, the "View Comparison" status will be displayed.

VI. Enable Compare by Category

Woodmart supports displaying comparison lists grouped by category, an essential feature for stores with extensive product inventories.

Enable Category Comparison

start using Compare by Category Afterward, items within the same category will be automatically grouped.

Show "More Products in This Category" button

opens Show Compare More Products After that, the system will display buttons to navigate to the corresponding categories.

test function

Add products from different categories to see the grouping effect on the front-end Compare page.

7. Setting the Compare Button Style in Header Builder

Woodmart's Header Builder supports highly customizable Compare button appearance.

Enter the Header Builder and edit the Compare element.

Path:
Woodmart → Header Builder → Compare

Select Compare Icon Style

You can choose:

• Icon Style
• Icon size
• Background Shape
• color scheme
• Is the quantity badge displayed?

Display category dropdown menu (optional)

Can be enabled in the Extra options:

• Display Categorypull-down menu(Enable Compare by Category)
  Allows users to view comparison categories directly at the top, making operations more convenient.

summarize

Through this tutorial, you have learned how to Woodmart Enable and optimize the Compare product comparison feature in the theme.
The Compare feature not only enhances the shopping experience but also increases users' interest in comparing products, thereby boosting conversion rates. You can flexibly configure page layouts, field styles, and button designs to tailor them to your store's specific needs.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off