Compare Products for WooCommerce

Compare Products for WooCommerce Pro is a plugin where users can compare WooCommerce products in many aspects helping them to find out what they are looking for.

Do you like the free version of this plugin? Imagine what the Pro version can do for you!

Take a look at some of its features:

• Choose in real time which comparison list columns will be displayed on frontend.
• Sort products by any field on frontend in real time.
• Customize compare buttons style.

Compare Products for WooCommerce – Frontend

Sort and Choose Columns

• Compare your products using a good looking popup.
• It’s possible to compare all kind of fields, including WooCommerce attributes.
• Sort products by any field on frontend in real time.
• Choose in real time which comparison list columns will be displayed on frontend.

Compare Button

Display a button to compare your products on the product page.

Compare Button – Loop

Display a button to compare your products on the product loop.

Compare Products for WooCommerce – Backend

• General Options
• Buttons Options
• Comparison List Options
• Style Options

General Options

Settings are located in “WooCommerce > Settings > Compare Products”.

Enable plugin

Turn on/off the “Compare Products for WooCommerce” plugin from its own panel on admin.

Default: yes

Load Font Awesome

Only mark this if you are not loading Font Awesome nowhere else. Font Awesome is responsible for creating icons.

Default: yes

Buttons Options

Control precisely where your comparison buttons will be displayed.
Settings are located in “WooCommerce > Settings > Compare Products > Buttons”.

Button title

Sets button title.

Default: Compare

Single product page

Enables button on single product page.

Default: yes

Single product page: Position

Where the button will appear on the single product page? Possible values: On single product summary; Before single product summary; After single product summary; After product thumbnail.

Default: On single product summary

Single product page: Priority

More precise control of where the button will appear on single product page. Default is 31, right after “add to cart” button.

Default: 31

Product loop

Enables button on product loop.

Default: no

Product loop: Position

More precise control of where the button will appear on product loop. Possible values: Before add to cart button; After add to cart button.

Default: After add to cart button

Comparison List Options

This section includes options regarding the comparison list and comparison table columns, e.g. choose what columns will be available on the comparison list; turn on/off an option to sort and choose fields on frontend.
Settings are located in “WooCommerce > Settings > Compare Products > Comparison List”.

Modal

Enables a popup that shows the comparison list.

Default: yes

Modal: Title

Title for the modal comparison list.

Default: Comparison List

Modal: Subtitle

Subtitle for the modal comparison list.

Default: Compare your items.

Page

A page that displays the comparison list.

Default: None

Widget

Creates a widget showing a link pointing to the comparison list.

Default: yes

Empty list text

Text displayed when comparison list is empty.

Default:

The comparison list is empty

Columns: Image

Enables product image on product column.

Default: yes

Columns: Title

Enables product title on product column.

Default: yes

Columns: Columns

What columns do you want to show on comparison list? You can drag and drop columns to put them in any order you want. For example: Product, Price, Weight, Add to cart button, Description, Availability, Dimensions, Brand, Color, Size etc.

Default: Product; Price; Weight

Columns: Sorter

Enables a column sorter button on front-end allowing users to sort based in any field.

Default: no

Columns: Organizer

Allows users on front-end to choose what columns will be visible.

Default: no

Style Options

Options that can be used to create a custom style, e.g. customize compare buttons style.
Settings are located in “WooCommerce > Settings > Compare Products > Style”.

Enable section

Enables custom style section.

Default: no

Comparison List: Responsiveness

The responsive behaviour of the comparison list, i.e. how the comparison list will behave when the window width is smaller than 768px. Please note that the sorter feature does not work well with “List style”. Possible values: List style; Default table.

Default: Default table

Button: Icon

Click on input field to choose icon. Choose an Icon from font awesome. Leave it empty if you do not want icons.

Default: fas fa-exchange-alt

Button: Background color

Background color for default button.

Default: #919191

Button: Background color hover

Background color when mouse is over default button.

Default: #bfbfbf

Button: Text color

Color for text and icon of default button.

Default: #ffffff

Button: Font weight

Font weight for default button text.

Default: 600

Button: Border radius

Use it to make a rounded button.

Default: 0

Button: Font size

Default button font size (in pixels).

Default: 15

Button: Margin - single

Distance between button and other adjacent elements on single product page. E.g: 5px 15px 15px 20px. There are 4 space separated numbers, each one pointing to a direction: top right bottom left. Do not forget to write px after each number.

Default: 0 0 15px 0

Button: Margin - loop

Distance between button and other adjacent elements on product loop. Check “Button: Margin – single” option for a description.

Default: 10px 0 0 0

Button: Alignment - single

Default button alignment on single product page. Possible values: Left; Right; Center.

Default: Left

Button: Alignment - loop

Default button alignment on product loop. Possible values: Left; Right; Center.

Default: Center