This is a revolutionary module of ShopBuilder. The product comparison module helps shoppers easily make buying decisions. It allows them to compare several products side by side. Customers can select the most suitable products from this comparison.
The Product Compare module has 3 different tabs. General, Button and Page.
1. General #
Click on the General section.
1.1 Enable Product Comparison: By clicking on the toggle button you can enable or disable the “Product Comparison” functionality.1.2 Product Added text: Insert product-added text.
1.3 Product Removed Text: Enter the product removed text to be displayed after adding a product.
1.4 Browse Compare Text: Add your preferred text that shows on the browse comparison link.
To save the changes, click on the “Save Changes” button.
2. Button #
Now move to the second tab, the Product Compare Button settings tab. There are two sections in this tab.
2.1 Show in Shop Page: Enable the Product Compare button for the shop page.
2.2 Shop Page Button Position: Select the button position “Before Add to Cart,” “After Add to Cart”, “Use Shortcode” or “Use Custom Position.” If you choose the “Custom Position” it will show two additional fields.
2.3 Enter Hook Name: You can add a hook name to display the button position. Example: woocommerce_after_shop_loop_item.2.4 Hook Priority: You can set the hook Priority.
2.5 Show Button in Product Page: Enable the Product Compare button for the product page.
2.6 Product Page Button Position: Select the button position “Before Add to Cart,” “After Add to Cart,” “After Image,” “After Summary,” or “Use Shortcode” or “Custom Position.”
2.7 Product Hook Name: You can add a hook name to display the button position.
2.8 Product Hook Priority: You can set the hook priority.
2.9 Compare Button Text: Insert your preferred text to show in the Product Compare button.
To save the changes, click on the “Save Changes” button.
3. Product Compare Page #
Now move to the third tab, the Product Compare Page settings tab.
3.1 Select Wishlist Page: Choose your preferred product compare page from the dropdown. Make sure you add the shortcode:
[rtsb_compare_list]into the page content.
3.2 Maximum Compare Limit: Set the maximum compare quantity from here.
3.3 Compare Table Fields Visibility: Select which fields you want to show in the product compare page table view.To save the changes, click on the “Save Changes” button.
Front End View of Product Compare #
Here, you can see the clear view of product compare icon and product compare table
You can use these shortcodes for Compare #
[rtsb_compare_list] — Displays the Compare Page with a table listing all products added for comparison.
[rtsb_compare_counter] — Shows the total number of products currently added to the comparison list.
[rtsb_compare_button] — Renders a compare button (with icon) that can be used inside the product loop to add or remove products from the comparison list.
