{"id":4087,"date":"2017-08-30T08:58:14","date_gmt":"2017-08-30T06:58:14","guid":{"rendered":"https:\/\/demos.welaunch.io\/woocommerce-better-compare\/?post_type=faq&p=179"},"modified":"2020-07-28T09:42:59","modified_gmt":"2020-07-28T07:42:59","slug":"setup-woocommerce-compare-products-plugin","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/en\/knowledge-base\/faq\/setup-woocommerce-compare-products-plugin\/","title":{"rendered":"Setup WooCommerce Compare Products Plugin"},"content":{"rendered":"

Learn how to setup our WooCommerce Compare products plugin in the next simple steps.<\/p>\n

Settings Menu<\/h2>\n

In order to setup the plugin you should be able to see the Compare Products Menu under the WooCommerce menu. If you can not see the menu make sure the Redux Framework plugin is installed and activated.<\/p>\n

General Settings<\/h2>\n

Enable or disable the compare products plugin as you like. Furthermore you can specify if you want to show a check box to hide similarities or highlight differences inside the comparison table.<\/p>\n

Also you can set the maximum amount of products to be compared and set the not available text. This appears if one product has attribute X, but the other product does not have attribute X.<\/p>\n

\"general
general compare options<\/figcaption><\/figure>\n

Compare Styles<\/h2>\n

We split the styles into 3 different sections:<\/p>\n

    \n
  • Compare Bar Styles<\/li>\n
  • Compare Table Styles<\/li>\n
  • Compare Shortcode Table Styles<\/li>\n<\/ul>\n

    Compare Bar Styles<\/h3>\n

    You can style the compare bar as you like. Choose a position (bottom or top), set a custom height, width \/ height of the products.<\/p>\n

    Furthermore you can set a custom background color and text color.<\/p>\n

    Compare Table Styles<\/h3>\n

    Then you can set styles for the fly out comparison table, that appears when you click on compare now. Here you can set a text color, background color, odd \/ even row background color and a highlight color.<\/p>\n

    Compare Shortcode Table Styles<\/h3>\n

    This is mainly the same as the settings for the normal table. Here you can set a text color, background color, odd \/ even row background color and a highlight color.<\/p>\n

    \"compare
    compare bar and table settings<\/figcaption><\/figure>\n

    Data To Compare<\/h2>\n

    For the compare tables you can choose what data you want to appear.<\/p>\n

    Important: If no data was found for all products inside the table it will not be displayed. E.g. Attribute X is not available in all products.\u00a0<\/strong><\/p>\n

    Some interesting data of what you can compare:<\/p>\n

      \n
    • Product Image<\/li>\n
    • Title<\/li>\n
    • Excerpt \/ Short Description<\/li>\n
    • Long Description<\/li>\n
    • Reviews<\/li>\n
    • Price<\/li>\n
    • SKU<\/li>\n
    • Dimensions<\/li>\n
    • Weight<\/li>\n
    • Stock Status<\/li>\n
    • Variations<\/li>\n
    • Custom Meta Data<\/li>\n
    • Custom Product Taxonomies<\/li>\n
    • + ALL Product ATTRIBUTES<\/li>\n<\/ul>\n
      \"data
      data to compare options<\/figcaption><\/figure>\n

      Single Product Comparison<\/h2>\n

      If you enable this option, a comparison Slider on the single product page will be displayed. The products are automatically be taken from the Current Product + products from the same category.<\/p>\n

      Here you can set a title e.g. “Compare with similar products<\/strong>” and a custom description. Then you can set the position + how many products should be shown Plus the data to be shown there.<\/p>\n

      Moreover you can specify the slider settings e.g. the slides to show, to scroll or if you want to show dots or the arrows.<\/p>\n

      \"single
      single product configuration<\/figcaption><\/figure>\n

      Advanced Options<\/h3>\n

      Add some custom CSS or custom Javascript if you want to modify the styling advanced.<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-4087","faq","type-faq","status-publish","hentry","faq_topics-compare-products-getting-started"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/4087","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/types\/faq"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/comments?post=4087"}],"version-history":[{"count":3,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/4087\/revisions"}],"predecessor-version":[{"id":5274,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/4087\/revisions\/5274"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/media?parent=4087"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/product_cat?post=4087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}