Skip to content
Addonify

Addonify

Documentation & knowledge based site

  • Docs
    • Quick View
    • Compare Products
    • Floating Cart
    • EDD 2Checkout Inline Gateway
  • Plugins
  • Themes
  • Support
  • Blog
Addonify store
  • Docs
    • Quick View
    • Compare Products
    • Floating Cart
    • EDD 2Checkout Inline Gateway
  • Plugins
  • Themes
  • Support
  • Blog

Getting started [3]

  • Installation
  • Setting Page
  • Compare button

Developer [4]

  • Using Hooks
  • Overwriting Templates
  • Useful Functions
  • Shortcode

Support [2]

  • Support & Discussion
  • Changelog
  • Home
  • Kb
  • WooCommerce Compare Products
  • Getting started
  • Compare button

Compare button

  • Updated on: September 4, 2023

Enable the product compare button from the compare plugins getting page.

Make sure to enable the option called Enable Products Comparison to enable the product comparison functionality. Then, Options:

  • Enable Products Comparison on Products Loop: will add the compare button on the product loop. i.e. shop page, product category pages, related products, cross-sales products etc.
  • Enable Products Comparison on Product Single Page: will add the compare button on WooCommerce product single page on the product summary block right under the add to cart button.
  • Enable Login Required: If this option is enabled, the compare button will be visible to the logged-in users only.

Shortcode

We do have a shortcode for displaying a custom compare button in the content. Use [addonify_compare_button] to add a product compare button in the content.

Shortcode [addonify_compare_button] has four arguments. product_id , button_label, classes, and button_icon_position are the shortcode attributes that can be used.

Below are the explanations of each argument.

  • product_id is required in order to display the compare button outside the products loop.
  • classes should be CSS classes separated by a space.
  • button_icon_position, should be either ‘left‘ or ‘right‘ or ‘none‘;
  • button_label is the label for the compare button.

Here’s an example of a custom compare button.

[addonify_compare_button product_id="123" button_label="Compare" button_icon_position="left" classes="my-custom-compare-button button-custom-apollo"]

If you do not wish to display an icon, simply change the value of an argument [button_icon_position] to none.

[addonify_compare_button product_id="123" button_label="Compare" button_icon_position="none" classes="my-custom-compare-button button-custom-apollo"]

The icon on the shortcode can be changed from the compare plugin setting page.

Didn't find what you looking for? Try sending your questions from our contact page.

Your feedback matters to us. Was this article helpful to you?

Copyright © 2022 addonify.com. All rights reserved.

Project by 💖 CreamCode.Org