{"id":86,"date":"2022-04-27T21:13:19","date_gmt":"2022-04-27T21:13:19","guid":{"rendered":"https:\/\/docs.a3rev.com\/?p=86"},"modified":"2024-10-23T12:36:01","modified_gmt":"2024-10-23T02:36:01","slug":"compare-products","status":"publish","type":"post","link":"https:\/\/docs.a3rev.com\/compare-products\/","title":{"rendered":"Compare Products"},"content":{"rendered":"<section class=\"a3-content-navigation-rzgmX a3-content-navigation aligncenter\"><div class=\"content-navigation-columns layoutleft\"><div class=\"content-navigation-column content-navigation-sidebar\"><div class=\"a3-content-navigation-sidebar sticky-desktop-devices sticky-tablet-devices sticky-mobile-devices menu-on-default\" data-prefix=\"section\" data-desktop-spacing=\"20\" data-tablet-spacing=\"20\" data-mobile-spacing=\"20\">\n\t\t \t<h3 class=\"a3-content-navigation-sidebar-title title has-icon has-text\"><i class=\"dashicons dashicons-menu-alt3\"><\/i> Navigation<\/h3>\n\t\t \t\t<div class=\"a3-content-navigation-sidebar-wrapper\">\n\t\t \t\t\t<i class=\"dashicons dashicons-no-alt close-sidebar\"><\/i>\n\t\t \t\t\t<ol><li><div class=\"a3-content-navigation-item\"><a href=\"#installation\">Installation<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#Upgrading\">Upgrading from Free to Pro<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#admin-settings\">Admin Settings<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#getting-started\">Getting Started &#8211; Planning<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#setting-up-cats-attributes\">Setup Compare Categories and Attributes then assign them to products<\/a><span class=\"arrow-ctrl\"><i class=\"dashicons dashicons-arrow-right-alt2\"><\/i><\/span><\/div><ol class=\"sub-menu\"><li><div class=\"a3-content-navigation-item\"><a href=\"#creating-cats\">Step 1 &#8211; Creating Compare Categories<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#creating-attributes\">Step 2 &#8211; Creating Compare Attributes<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#attribute-terms\">Step 3. Creating Attribute Terms.<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#sort-attribute-order\">Step 4. Sort Compare Attribute Order <\/a><\/div><\/ol><\/li><li><div class=\"a3-content-navigation-item\"><a href=\"#add-to-product\">Applying to Products<\/a><span class=\"arrow-ctrl\"><i class=\"dashicons dashicons-arrow-right-alt2\"><\/i><\/span><\/div><ol class=\"sub-menu\"><li><div class=\"a3-content-navigation-item\"><a href=\"#section-11\">#1. Product Editor<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#product-manager\">#2 Compare Products manger<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-13\">#3. Product CSV Sheets<\/a><\/div><\/ol><\/li><li><div class=\"a3-content-navigation-item\"><a href=\"#style-settings\">Woo Compare Style and Settings<\/a><span class=\"arrow-ctrl\"><i class=\"dashicons dashicons-arrow-right-alt2\"><\/i><\/span><\/div><ol class=\"sub-menu\"><li><div class=\"a3-content-navigation-item\"><a href=\"#compare-button-shortcode\">Compare Button Shortcode<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#product-page-button\">Product Page Settings<\/a><span class=\"arrow-ctrl\"><i class=\"dashicons dashicons-arrow-right-alt2\"><\/i><\/span><\/div><ol class=\"sub-menu\"><li><div class=\"a3-content-navigation-item\"><a href=\"#button-hyperlink\">Compare Button \/ Hyperlink Style<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-18\">Button \/ Hyperlink Position<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#view-compare-settings\">View Comparison Table<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#product-page-tab\">Product Page Compare Tab<\/a><\/div><\/ol><\/li><li><div class=\"a3-content-navigation-item\"><a href=\"#compare-widget\">Compare Widget<\/a><span class=\"arrow-ctrl\"><i class=\"dashicons dashicons-arrow-right-alt2\"><\/i><\/span><\/div><ol class=\"sub-menu\"><li><div class=\"a3-content-navigation-item\"><a href=\"#section-22\">Compare Item Count Style<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-23\">Remove Single Item Icon &amp; Empty Items Text<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-24\">Compare Items Button \/ Hyperlink Style<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-25\">&#8216;Clear All&#8217; Items Style<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-26\">Product Image Thumbnail Style<\/a><\/div><\/ol><\/li><li><div class=\"a3-content-navigation-item\"><a href=\"#product-cards\">Product Cards<\/a><span class=\"arrow-ctrl\"><i class=\"dashicons dashicons-arrow-right-alt2\"><\/i><\/span><\/div><ol class=\"sub-menu\"><li><div class=\"a3-content-navigation-item\"><a href=\"#section-28\">Position on Product Cards<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-29\">Compare Button \/ Hyperlink Style<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-30\">&#8216;View Compare&#8217; Link<\/a><\/div><\/ol><\/li><li><div class=\"a3-content-navigation-item\"><a href=\"#comparison-page\">Comparation Page<\/a><span class=\"arrow-ctrl\"><i class=\"dashicons dashicons-arrow-right-alt2\"><\/i><\/span><\/div><ol class=\"sub-menu\"><li><div class=\"a3-content-navigation-item\"><a href=\"#section-32\">Comparison Page Setup<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-33\">Comparison Page Header<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-34\">Comparison Page Body<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-35\">Table Style<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-36\">Table Fonts<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-37\">Empty Table Cells Style<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-38\">Product Prices On Compare Table<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-39\">Add to Cart Feature<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-40\">View Cart Hyperlink Styling<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-41\">Print Comparison Page Feature<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-42\">Close Window Button \/ Hyperlink<\/a><\/div><\/ol><\/li><\/ol><\/li><li><div class=\"a3-content-navigation-item\"><a href=\"#colour-fields-type\">Colour Fields Type<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#image-field-type\">Image Fields Type<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#troubleshooting\">Troubleshooting<\/a><span class=\"arrow-ctrl\"><i class=\"dashicons dashicons-arrow-right-alt2\"><\/i><\/span><\/div><ol class=\"sub-menu\"><li><div class=\"a3-content-navigation-item\"><a href=\"#section-46\">Compare Button is not showing.<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-47\">Compare Pop-up window won\u2019t open.<\/a><\/div><li><div class=\"a3-content-navigation-item\"><a href=\"#section-48\">Comparison Window not showing any products.<\/a><\/div><\/ol><\/li><\/ol>\n\t\t \t\t<\/div>\n\t\t \t<\/div><\/div><div class=\"content-navigation-column content-navigation-main-content\"><div class=\"content-navigation-main-content-wrapper\">\n<div class=\"wp-block-a3-blockpress-buttons a3-blockpress-button-wrapper a3-blockpress-button-wrapper-align-center\">\n<a class=\"wp-block-a3-blockpress-button a3-blockpress-button a3-blockpress-button-wT6Cj\" href=\"https:\/\/a3rev.com\/shop\/woocommerce-compare-products\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"a3-blockpress-button-text\">BUY Now $99<\/span><div style=\"display:inline-flex;justify-content:center;align-items:center\" class=\"a3blockpress-svg-icon a3blockpress-svg-icon-fe_shoppingCart a3-blockpress-button-icon-right\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"16\" width=\"16\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"><\/circle><circle cx=\"20\" cy=\"21\" r=\"1\"><\/circle><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"><\/path><\/svg><\/div><\/a>\n\n\n\n<a class=\"wp-block-a3-blockpress-button a3-blockpress-button a3-blockpress-button-Zylv0i\" href=\"https:\/\/db2oxwmn8orjn.cloudfront.net\/woo_compare\/changelog.txt\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"a3-blockpress-button-text\">VIEW Changelog<\/span><div style=\"display:inline-flex;justify-content:center;align-items:center\" class=\"a3blockpress-svg-icon a3blockpress-svg-icon-ic_document a3-blockpress-button-icon-right\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 8 8\" height=\"16\" width=\"16\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M0 0v8h7v-4h-4v-4h-3zm4 0v3h3l-3-3zm-3 2h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h4v1h-4v-1z\"><\/path><\/svg><\/div><\/a>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"installation\">Installation<\/h2>\n\n\n\n<p>To install Compare products:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Download WooCommerce Compare Products Extension&nbsp; <a rel=\"noreferrer noopener\" href=\"http:\/\/a3rev.com\/shop\/woocommerce-compare-products\" data-type=\"URL\" data-id=\"http:\/\/a3rev.com\/shop\/woocommerce-compare-products\" target=\"_blank\">PRO Version<\/a> or <a rel=\"noreferrer noopener\" href=\"http:\/\/wordpress.org\/extend\/plugins\/woocommerce-compare-products\" data-type=\"URL\" data-id=\"http:\/\/wordpress.org\/extend\/plugins\/woocommerce-compare-products\" target=\"_blank\">Lite Version<\/a><\/li>\n\n\n\n<li>Upload the woocommerce-compare-products folder to your \/wp-content\/plugins\/ directory<\/li>\n\n\n\n<li>Activate the \u2018WooCommerce Compare Products\u2019 from the Plugins menu within WordPress<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Upgrading\">Upgrading from Free to Pro<\/h2>\n\n\n\n<p>If you have the Free version installed you can safely upgrade and NOT lose your Compare data IF you follow these steps<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>It is always a great idea to run a Database Backup BEFORE you attempt the upgrade, that way if something goes wrong we have a reasonable chance of recovering the Compare Data you have created with the Free version.<\/li>\n\n\n\n<li>On your sites plugins menu Deactivate the Free version which is Compare Products for WooCommerce (<strong>IMPORTANT!!<\/strong> DO NOT delete it yet or you will lose all of the Compare data you have created)<\/li>\n\n\n\n<li>Install the a3 Dashboard plugin (Download it from your a3rev Software<a href=\"https:\/\/a3rev.com\/my-account\/\" target=\"_blank\" rel=\"noreferrer noopener\"> My Account page<\/a>). Install it and use your a3rev customer account creds to connect the dashboard to your customer account)<\/li>\n\n\n\n<li>Then Go to the a3 Dashboard &gt; Plugins menu and to the WooCommerce Tab. Scroll down until you see the WooCommerce Compare Products card and Click the Green Install Button. Once installed, then activate it.<\/li>\n\n\n\n<li>Now check that the Compare data has been copied to the Premium version. A major difference with the Pro version is that your Compare data created on the Free version is either applied to a matching Product Attribute or if none exists, a Product Attribute is created. If it has you can now delete the Free Version.<\/li>\n\n\n\n<li>If the data does not show in the activated Premium, DO NOT delete the Free version. Instead go to the a3 Dashboard &gt; Support menu and raise a support ticket and we will help you. <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"admin-settings\">Admin Settings<\/h2>\n\n\n\n<p>When WooCommerce Compare Products is installed and activated it auto-creates a Compare Products admin section on your WooCommerce site.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"566\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare.png.webp\" alt=\"WooCommerce Compare Products\" class=\"wp-image-5583\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare-300x124.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare-1024x425.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare-768x318.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-Z14GXVn alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-Z14GXVn a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"getting-started\">Getting Started &#8211; Planning<\/h2>\n\n\n\n<p>It is important to always remember that the compare products feature is a selling tool. You are compiling a data set of product Features and or specifications that when compared side-by-side will help your customers make a purchasing decision. <\/p>\n\n\n\n<p>It can be a daunting task to add the compare feature to an entire store of 100&#8217;s or 1,000&#8217;s of products. The good news is that the compare feature can be added by 1 Product Category at a time, and there are 3 ways to add it (more about that here). Here are our pre-setup suggestions:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Start with a Single Product Category.<\/strong> Products in any store that have similarities are grouped into categories.  <\/li>\n\n\n\n<li><strong>Now make a list<\/strong> (with pen and paper, Word Doc etc) of all Features \/ Specifications that are common to the majority of products in that Category. The list should include anything that you think is a &#8216;selling&#8217; feature.<\/li>\n\n\n\n<li>Once you have your list of Comparision features &#8211; you are ready to get started.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"setting-up-cats-attributes\">Setup Compare Categories and Attributes then assign them to products<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"creating-cats\">Step 1 &#8211; Creating Compare Categories<\/h3>\n\n\n\n<p>Now you have your list, go to the Product Categories Menu, edit the Product Category that you have chosen and switch &#8216;ON&#8217; the Compare Product feature for that category. <\/p>\n\n\n\n<p>If you have not created any product categories yet, you can apply the Compare Feature as you create it.  <\/p>\n\n\n\n<p>In this documentation, we have used a clients website to illustrate the features. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare-plugin.gif\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1128\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare-plugin.gif\" alt=\"WooCommerce Compare Products\" class=\"wp-image-5587\"\/><\/a><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-ZCkFLn alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-ZCkFLn a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"creating-attributes\">Step 2 &#8211; Creating Compare Attributes<\/h3>\n\n\n\n<p>Now that we have activated the Compare Products feature on the product categories, the next step is to take the <strong>list you made<\/strong> and create then as Product Attributes. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to the Product &gt; Attributes menu. <\/li>\n\n\n\n<li>From the list you created in the planning stage, now add each item as a Product Attribute. \n<ul class=\"wp-block-list\">\n<li><strong>Tip 1.<\/strong> The name you enter here is the Comparision Field Title that Customers see in the Comparison Data set on the Product Page Tab and the Comparision table. <\/li>\n\n\n\n<li><strong>Tip 2<\/strong>. Keep the Attribute name short and concise. The WooCommerce attribute slug length allowed is limited to just 28 characters. <\/li>\n\n\n\n<li><strong>Tip 3.<\/strong> If you have a longer Attribute name copy and paste it into the Slug field and it will automatically be shortened to 28 characters. If you don&#8217;t do that and the name is longer than 28 characters &#8211; the Attribute creation will fail.  <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Assign the Attribute to the Appropriate Compare Category. You will see that a new section has been added to the Product Attribute Creation \/ Edit Menu &#8211; &#8220;<strong>Attribute Comparision Data&#8221;<\/strong>  The first field is &#8220;Select Categories&#8221;. By assigning this attribute to a Category it becomes part of that category&#8217;s Compare Data Set.\n<ul class=\"wp-block-list\">\n<li><strong>Tip!.<\/strong> An attribute can be assigned to an unlimited number of Product Categories. For example if you are selling items that you want to show &#8216;Warranty&#8217; you can create the &#8216;Warranty&#8217; Product Attribute and assign it to all Product Categories that have the compare feature activated.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li> <strong>Set the Compare Data Input Type.<\/strong> Chose the data input type from the dropdown list. This section is designed to make your entry of the Comparision Values much faster and more flexible. <\/li>\n\n\n\n<li><strong>Attribute Unit of Measurement (Optional)<\/strong>. Again this is a data entry time saver.<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"418\" height=\"364\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/attribute-comparasion-data-plugin.png.webp\" alt=\"WooCommerce Compare Products\" class=\"wp-image-5594\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/attribute-comparasion-data-plugin.png.webp 418w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/attribute-comparasion-data-plugin-300x261.png.webp 300w\" sizes=\"(max-width: 418px) 100vw, 418px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-Z1fcxd5\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-center a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Select Categories &#8211;<\/strong> An Attribute can be assigned to any Product Category that is activated for Product Comparisons. Attributes show on the comparison table as the Comparable Product Attributes.<br><strong>2. Attribute and Terms Compare data Input type &#8211;<\/strong> Use these fields to determine how this Attribute will display its compare data. <br><strong>3. Attribute Unit of Measurement &#8211; <\/strong>data-content=&#8221;e.g kgs, mm, lbs, cm, inches &#8211; the unit of measurement shows after the Attribute name in (brackets). If you leave this blank you will just see the Attribute name.&#8221;<\/p><\/div><\/div><\/section>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-nVC91 alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-nVC91 a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"attribute-terms\">Step 3. Creating Attribute Terms.<\/h3>\n\n\n\n<p>Adding attribute terms depends on the Input Data Type you have set for the attribute. The dropdown list is self-explanatory. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"422\" height=\"441\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/asdasdas.png.webp\" alt=\"Adding attribute terms\" class=\"wp-image-7267\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/asdasdas.png.webp 422w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/asdasdas-287x300.png.webp 287w\" sizes=\"(max-width: 422px) 100vw, 422px\" \/><\/figure>\n\n\n\n<p><strong>No Terms Required:<\/strong><\/p>\n\n\n\n<p><strong>Input Text<\/strong> (Single Line) &amp; <strong>Text Area<\/strong> (Paragraph Text Box) &#8211; <strong>no terms required<\/strong>, as you enter text in the fields when apply it to a product if it is a different value for products or variations.<\/p>\n\n\n\n<p><strong>Terms Required:<\/strong><\/p>\n\n\n\n<p><strong>Check Box<\/strong> (Multi-Select), <strong>Radio Buttons<\/strong> (Single Select), <strong>Dropdown (Single &amp; Multi-select). All 4 require terms to be entered. This is a time-saving<\/strong> feature and also keeps the data consistent. <\/p>\n\n\n\n<p class=\"has-link-color wp-elements-fe5774475f01b98b976ef7aa9233c269\"><strong>Colour &#8211; <\/strong>Attribute terms shown in dropdown, single select. See this <a href=\"https:\/\/docs.a3rev.com\/woocommerce\/compare-products\/#section-39\">section <\/a>on how to use it.  <\/p>\n\n\n\n<p><strong>Image &#8211;<\/strong> Attribute with text field to add Image url.<\/p>\n\n\n\n<p>See the screenshot of a Comparison data set where a Product Attribute &#8216;Power Source&#8217; has Input Data Type &#8211; Radio Buttons set. You can see the 3 terms that have been set for the &#8216;Power Source&#8217; Product Attribute are &#8216;2 Stroke Petrol Engine&#8217;, &#8216;240Volt Electric&#8217; and &#8220;Battery&#8221;. When completing the Comparision Data set on the product, the site Admin just needs to select 1 checkbox &#8211; saves having to type the data each time and keeps the data consistent. The rest of the data fields in the screenshot are data input type, Input Text (Single Line) or Text Area (Paragraph). <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"874\" height=\"617\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/11\/Input-Fields.png.webp\" alt=\"WooCommerce Compare Products\" class=\"wp-image-5833\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/11\/Input-Fields.png.webp 874w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/11\/Input-Fields-300x212.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/11\/Input-Fields-768x542.png.webp 768w\" sizes=\"(max-width: 874px) 100vw, 874px\" \/><\/figure>\n\n\n\n<p>And this is how that would look on the Compare Table<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"382\" height=\"570\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/11\/Comapre-table.png.webp\" alt=\"WooCommerce Compare Products\" class=\"wp-image-5836\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/11\/Comapre-table.png.webp 382w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/11\/Comapre-table-201x300.png.webp 201w\" sizes=\"(max-width: 382px) 100vw, 382px\" \/><\/figure>\n\n\n\n<p>In our example will create a new attribute and assign it to a category named Chain Saws with the data input as Radio button ( Attribute Terms show as single select checkboxes ) and 2 terms : Yes and No. You will see in the video that on our site there are many specifications, each specification\/attribute can be assigned to an unlimited number of categories.<\/p>\n\n\n\n<p>If an Attribute has terms these are auto created as the newly created Compare Features Input Values.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare-attributes.gif\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1128\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare-attributes.gif\" alt=\"WooCommerce Compare Products\" class=\"wp-image-5597\"\/><\/a><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-Z1rpeBS alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-Z1rpeBS a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"sort-attribute-order\">Step 4. Sort Compare Attribute Order <\/h3>\n\n\n\n<p>Now that you have taken your list and created each item on it as a Product Attribute, Assigned to at least 1 compare category and added terms (if required) Go to the <strong>WC Compare &gt; Categories &amp; Attributes<\/strong> menu. There you will find all categories that have the Comparison Feature turned ON. On the Product category listing that you have just assigned the Attributes to, open it and you will see all the attributes you created. We call this a Comparison Data Set. <\/p>\n\n\n\n<p>On this interface you use drag and drop to sort the Compare Attributes into the order that you want them to show in when compared.<\/p>\n\n\n\n<p>You can also manage all other features and functions of Compare categories and attributes from this menu.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1363\" height=\"577\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare-category-and-attributes-manager-page.png.webp\" alt=\"WooCommerce Compare Products\" class=\"wp-image-5617\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare-category-and-attributes-manager-page.png.webp 1363w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare-category-and-attributes-manager-page-300x127.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare-category-and-attributes-manager-page-1024x433.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare-category-and-attributes-manager-page-768x325.png.webp 768w\" sizes=\"(max-width: 1363px) 100vw, 1363px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-KYQJg\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Woo Compare Settings &#8211;<\/strong> Here are the most important settings for our plugin. On default the Category &amp; Attribute will be open.<br><strong>2. Categories  &#8211;<\/strong> All Product Categories that have the Comparison Feature turned ON are auto shown on this panel. Each Category shows as a floating bar with the category Name.<br><strong>3.<\/strong> <strong>Dropdown Arrow &#8211;<\/strong> Use the dropdown arrow on each category to view all Product Attributes that have been assigned to that Product Category.<br><strong>4. Shortcode links &#8211;<\/strong> Easily access the Category and the Attribute page. Also you can create comparison table Section Titles and drag and drop into place.<br><strong>5. Attributes &#8211;<\/strong> Easily control all the specifications assign to the category. Edit or remove any attribute.<br><strong>6.<\/strong> <strong>Drag and drop<\/strong> <strong>&#8211;<\/strong> To sort the Attributes display order in each category. This is the order that Attributes will show on the front end in the Comparison table.<br><strong>7.<\/strong> When there are no features assigned to a category it auto shows that message. When features are assigned that message does not show.<\/p><\/div><\/div><\/section>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-sBm02 alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-sBm02 a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-a3-blockpress-buttons a3-blockpress-button-wrapper a3-blockpress-button-wrapper-align-center\">\n<a class=\"wp-block-a3-blockpress-button a3-blockpress-button a3-blockpress-button-Z2qhH8i\" href=\"https:\/\/a3rev.com\/shop\/woocommerce-compare-products\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"a3-blockpress-button-text\">BUY Now $99<\/span><div style=\"display:inline-flex;justify-content:center;align-items:center\" class=\"a3blockpress-svg-icon a3blockpress-svg-icon-fe_shoppingCart a3-blockpress-button-icon-right\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"16\" width=\"16\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"><\/circle><circle cx=\"20\" cy=\"21\" r=\"1\"><\/circle><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"><\/path><\/svg><\/div><\/a>\n<\/div>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-to-product\">Applying to Products<\/h2>\n\n\n\n<p>There are 3 ways to Add and edit Compare features to your store products<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>On a Product&#8217;s Editor (The slowest way)<\/li>\n\n\n\n<li>Compare built-in Compare &#8216;Product Manager&#8217; (Much Faster)<\/li>\n\n\n\n<li>WooCommerce Product Import \/ Export CSV (Always the fastest) <\/li>\n<\/ul>\n\n\n\n<p>In the following sections we will detail each one. <\/p>\n\n\n\n<h3 id=\"section-11\" class=\"wp-block-heading\">#1. Product Editor<\/h3>\n\n\n\n<p>Now that you have the Compare Data set for a Category, you can go ahead and start adding the compare feature to your products. In this section we will show you how to use the Product edit page to add the compare features. It is the slowest way, but good to know how it works. <\/p>\n\n\n\n<p>Go to a product you want to add the compare feature to and edit it. On first install the Compare Meta will be found on the right sidebar of the product page editor. From default the compare feature is turn OFF, giving you the flexibility to roll out Compare to any or all products.  <\/p>\n\n\n\n<p><strong>Tip!<\/strong> We recommend dragging and dropped the Compare Meta field to the main page of the editor, anywhere there that you like. It will be much easier to work with.<\/p>\n\n\n\n<p>After moving it from the sidebar to the page editor screen, turn it ON and Select a Compare Category to assign this Product to. Once you select a category, you will see all of the Attributes that you have assigned to that Product category. <\/p>\n\n\n\n<p><strong>Tip!<\/strong> If you don&#8217;t see the Product Category in the dropdown list &#8211; that means you have not applied the Compare Feature to that category. That will also mean that you probably have not assigned any Attributes to it either.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare-product-page-data-input.gif\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1116\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare-product-page-data-input.gif\" alt=\"WooCommerce Compare Products\" class=\"wp-image-5605\"\/><\/a><\/figure>\n\n\n\n<p>The next image shows the Compare data Set that was created by assigning Product Attributes to this Product Category.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/346aa9afb440552133dc59f9752ff0a7-1024x439.png.webp\" alt=\"WooCommerce Compare Products\" class=\"wp-image-5620\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/346aa9afb440552133dc59f9752ff0a7-1024x439.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/346aa9afb440552133dc59f9752ff0a7-300x129.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/346aa9afb440552133dc59f9752ff0a7-768x329.png.webp 768w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/346aa9afb440552133dc59f9752ff0a7.png.webp 1157w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>The video below show you how that can look on the Comparison table. It shows 4 Chainsaws have been added to the comparison table.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1049\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare-table-specification-page.gif\" alt=\"WooCommerce Compare Products\" class=\"wp-image-5610\"\/><figcaption class=\"wp-element-caption\">A demo of a product compare page table with many attributes\/specification. Will get later on doc on how to customize this.<\/figcaption><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-vka0a alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-vka0a a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"product-manager\">#2 Compare Products manger<\/h3>\n\n\n\n<p>The built-in Compare Products Manager is a tremendous time saver over having to edit each product individually. <\/p>\n\n\n\n<p>Go to <strong>WC Compare &gt; Product Manager<\/strong>. When opened it automatically fetches all active products and Variations (if selected) direct from the WooCommerce products database for easy on page management of just the Compare feature.  <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"589\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-product-plugin-product-manager.png.webp\" alt=\"\" class=\"wp-image-5623\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-product-plugin-product-manager.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-product-plugin-product-manager-300x129.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-product-plugin-product-manager-1024x442.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-product-plugin-product-manager-768x331.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-Z1Veawu\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Products &#8211;<\/strong> By default it shows parent products to speed up initial loading. Click the Show Variations check box to reveal all product variations. <br><strong>2.<\/strong> <strong>Product Categories<\/strong> are displayed for easy reference. <br><strong>3. Compare category\/s<\/strong> that the products is assigned to is displayed for easy reference.<br><strong>4. <\/strong>See at a glance if the Compare feature is <strong>activated or deactivated<\/strong> for any product and its variations. <br><strong>5.  Edit \u2013<\/strong> Click the edit link and the Compare feature manager for that product or variation opens in a pop-up screen.<br><strong>*Note \u2013 The Product Manager <\/strong>is a PRO version feature. Free version users must visit the actual product page to assign a product and its variations to a Compare category and set the feature fields. <\/p><\/div><\/div><\/section>\n\n\n\n<p>Pop-up manager window. From here you can easily Activate \/ Deactivate the Compare feature for this product and setup the attributes fields. Activate and the  Compare Button shows on the product on the front end \u2013 Deactivate and the button is hidden. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1102\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woocommerce-product-compare-popup.gif\" alt=\"\" class=\"wp-image-5629\"\/><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-ZxTyP4 alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-ZxTyP4 a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h3 id=\"section-13\" class=\"wp-block-heading\">#3. Product CSV Sheets<\/h3>\n\n\n\n<p>Compare Products is fully integrated with the core WooCommerce Product Import \/ Export feature. It allows you to Batch add or update hundreds or 1,000&#8217;s of products via CSV. <\/p>\n\n\n\n<p>Using CSV is the fastest way to:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Add existing Compare Features to Products<\/li>\n\n\n\n<li>Create new Attributes and Terms and assign to existing Categories.<\/li>\n\n\n\n<li>Even Create new Product Categories for compare.<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\">\n<li><\/li>\n<\/ol>\n\n\n\n<p><strong>YES <\/strong>&#8211; that is correct you can use the CSV to create Product categories, Attributes and their Terms <\/p>\n\n\n\n<p>Go to the Product Menu and click on the EXPORT Button at the top. Configure it to export the products and the data that you want and check the &#8216;Yes. Export all custom meta&#8221; at the bottom. see screenshot<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"706\" height=\"541\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/04\/Export-CSV.png.webp\" alt=\"\" class=\"wp-image-7399\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/04\/Export-CSV.png.webp 706w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/04\/Export-CSV-300x230.png.webp 300w\" sizes=\"(max-width: 706px) 100vw, 706px\" \/><\/figure>\n\n\n\n<p><strong>Tip! <\/strong>It is always best to set up at least 1 product with compare so that you can see the Compare Meta Columns that are created.  <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Compare Active | Compare Category | Compare Attributes<\/code><\/pre>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>This is what the sheet could look like showing the 3 columns<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"829\" height=\"392\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/04\/CSV-Sheet.png.webp\" alt=\"\" class=\"wp-image-7403\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/04\/CSV-Sheet.png.webp 829w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/04\/CSV-Sheet-300x142.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/04\/CSV-Sheet-768x363.png.webp 768w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>As you can see from the image the format for the Compare Attribute Column is:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Attribute name|Attribute type|Term name or Compare Value<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p>A full list of the Attribute Types is:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Input Text\nText Area\nCheck Box\nRadio Button\nDrop Down\nMulti Select\nVideo Player\nAudio Player\nColour\nImage<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p>so this is an example<br><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Size|Drop Down|Large<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p>When the sheet is imported <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Logo|Image|http:\/\/logo_link_here.jpg <\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p>In this example it will check if Logo attribute exists on the site, if it does not it will auto create Logo Product Attribute as &#8216;Image&#8217; type, and the logo image will be assign to product as compare value. <\/p>\n\n\n\n<p>The Attribute will be auto added to the Compare Set assigned to the Compare category that is listed in the rows Compare category. <\/p>\n\n\n\n<p>If a new category is added to the Compare category Column it will be auto created on the site if it does not exist.<\/p>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-Z2sf1D9 alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-Z2sf1D9 a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"style-settings\">Woo Compare Style and Settings<\/h2>\n\n\n\n<p>This WC Compare  &gt; Settings and Style menu divides the front end display of the product comparison feature in sections that allows you to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set the style and layout of the compare feature on your product pages.<\/li>\n\n\n\n<li>Set the style and layout of the Compare Widget.<\/li>\n\n\n\n<li>Set the style and layout of the Compare feature on product cards.<\/li>\n\n\n\n<li>Set the style and layout of the Comparison table page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/Woo-Compare-Style-and-Settings-general.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1365\" height=\"591\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/Woo-Compare-Style-and-Settings-general.png.webp\" alt=\"\" class=\"wp-image-7321\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/Woo-Compare-Style-and-Settings-general.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/Woo-Compare-Style-and-Settings-general-300x130.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/Woo-Compare-Style-and-Settings-general-1024x443.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/Woo-Compare-Style-and-Settings-general-768x333.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/a><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-xjQEV\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Plugin Framework Global Settings &#8211;<\/strong> Open this panel and you will can Check For New Plugin Version, Customize Admin Setting Box Display, connect to Google Fonts API or Clean up on Deletion.<br><strong>2.<\/strong> <strong>Compare Button Shortcode &#8211;<\/strong> Display the WooCommerce Compare Products button in templates, page builders like Elementor, Divi and Beaver Builder with the Compare Button Shortcode.<br><strong>3. Getting Started &#8211;<\/strong> Here you will find a Brief Overview of the Compare Product plugin. <br> <\/p><\/div><\/div><\/section>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-cyY6l alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-cyY6l a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"compare-button-shortcode\">Compare Button Shortcode<\/h3>\n\n\n\n<p>The Compare Products plugin for WooCommerce provides a useful feature that allows customers to compare products easily. With the Compare Button Shortcode, this functionality can be integrated into a variety of templates and page builders enhancing the user experience.<\/p>\n\n\n\n<p>On General Settings of the plugin you will find the shortcode for the Compare button:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;wc_compare_bt product_id=\"\" button_text=\"\" button_class=\"\" card_display=\"1\/0\" ]<\/code><\/pre>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/05\/cmp-bt.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"887\" height=\"159\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/05\/cmp-bt.png.webp\" alt=\"\" class=\"wp-image-7447\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/05\/cmp-bt.png.webp 887w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/05\/cmp-bt-300x54.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/05\/cmp-bt-768x138.png.webp 768w\" sizes=\"(max-width: 887px) 100vw, 887px\" \/><\/a><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-Z1PJLYJ\"><a class=\"a3-blocks-info-box-link-wrap info-box-link a3-blocks-info-box-media-align-left a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fas_exclamation-circle\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 512 512\" height=\"50\" width=\"50\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z\"><\/path><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Note:<\/strong><br><br>The compare button show by shortcode will use styles and settings from the Product Page or Product Card settings tab depending on your chosen display parameters   0 \/ 1.<\/p><\/div><\/a><\/section>\n\n\n\n<p><strong>Parameters<\/strong>: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>product_id :<\/strong> ID of product for this button. Leave empty for automatic get current product id from query loop ( work when use this shortcode on template for product : Elementor, Gutenberg, Page Builder plugin \u2026 )<\/li>\n\n\n\n<li><strong>button_text :<\/strong> Custom text for compare button. Leave empty for use global text from the Product Page settings tab<\/li>\n\n\n\n<li><strong>button_class :<\/strong> Custom class for compare button.<\/li>\n\n\n\n<li><strong>card_display = &#8220;0\/1&#8221; :<\/strong> Choose from where the style will be pull. We have 2 parameters:  <strong>0<\/strong> and <strong>1<\/strong>. <\/li>\n<\/ul>\n\n\n\n<p><strong>Parameter =0<\/strong> will show Compare as the Button or Linked text style that is set on the Product Page settings.<\/p>\n\n\n\n<p><strong>Parameter =1<\/strong> will show Compare as the Button or Linked text style that is set on the Product Card settings.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/05\/compare-button-shortcode.gif\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1052\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/05\/compare-button-shortcode.gif\" alt=\"\" class=\"wp-image-7449\"\/><\/a><\/figure>\n\n\n\n<p>In the Product Manager panel of the plugin are display the shortcodes containing the IDs of specific products assigned to compare. This makes it easy to add a compare button for a particular product anywhere on your website, without having to manually enter the product IDs.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/Compare-Button-Shortcode-ids.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1365\" height=\"589\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/Compare-Button-Shortcode-ids.png.webp\" alt=\"Compare Button Shortcode\" class=\"wp-image-7335\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/Compare-Button-Shortcode-ids.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/Compare-Button-Shortcode-ids-300x129.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/Compare-Button-Shortcode-ids-1024x442.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/Compare-Button-Shortcode-ids-768x331.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/WooCommerce-Compare-Products-shortcode-button.gif\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1055\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/WooCommerce-Compare-Products-shortcode-button.gif\" alt=\"Compare Button Shortcode\" class=\"wp-image-7337\"\/><\/a><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-ZkIH7w alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-ZkIH7w a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"product-page-button\">Product Page Settings<\/h3>\n\n\n\n<p>From here will gonna setup and style what will be display on products page front end. If this option is turn On, will show a button that will allow to add the product to the Compare Specification Table and a link that will redirect to the compare table page.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"506\" height=\"326\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/add-to-compare-product-page.png.webp\" alt=\"\" class=\"wp-image-5645\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/add-to-compare-product-page.png.webp 506w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/add-to-compare-product-page-300x193.png.webp 300w\" sizes=\"(max-width: 506px) 100vw, 506px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1347\" height=\"591\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Add-to-compare-to-product-page.png.webp\" alt=\"\" class=\"wp-image-5646\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Add-to-compare-to-product-page.png.webp 1347w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Add-to-compare-to-product-page-300x132.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Add-to-compare-to-product-page-1024x449.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Add-to-compare-to-product-page-768x337.png.webp 768w\" sizes=\"(max-width: 1347px) 100vw, 1347px\" \/><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-ZbByGb alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-ZbByGb a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"button-hyperlink\">Compare Button \/ Hyperlink Style<\/h4>\n\n\n\n<p>Customize the Add to Compare button\/hyperlink. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1348\" height=\"826\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/button-Compare-Settings-Style.png.webp\" alt=\"\" class=\"wp-image-5647\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/button-Compare-Settings-Style.png.webp 1348w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/button-Compare-Settings-Style-300x184.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/button-Compare-Settings-Style-1024x627.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/button-Compare-Settings-Style-768x471.png.webp 768w\" sizes=\"(max-width: 1348px) 100vw, 1348px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-Z2cqVJa\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Compare Type &#8211;<\/strong> Select to display from button or a hyperlink.<br><strong>2. Added to Compare Icon &#8211;<\/strong> Upload a 16px x 16px image, support .jpg, .pgn, .jpeg, .gif formats.<br><strong>3. Button Text &#8211;<\/strong> The default text is: Compare This*, but you can change it to your needs.<br><strong>4. Button Font &#8211;<\/strong> Select a font and font proprieties for the button.<br><strong>5. Button Padding &#8211;<\/strong> Padding from Button text to Button border.<br><strong>6. Background Colour &#8211;<\/strong> Select the button colour.<br>7. Button Border &#8211; Add a border for the button.<br><strong>8. Button Shadow &#8211; <\/strong>Style the button by adding shadow to it.<\/p><\/div><\/div><\/section>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-U5re2 alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-U5re2 a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-18\" class=\"wp-block-heading\">Button \/ Hyperlink Position<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"275\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-button-position.png.webp\" alt=\"\" class=\"wp-image-5653\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-button-position.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-button-position-300x60.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-button-position-1024x206.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-button-position-768x155.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-Z3LsN4\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Button \/ Hyperlink Position &#8211;<\/strong> Position relative to Add to Cart button location. It can be Above or Below<br><strong>2. Button Margin &#8211; <\/strong>Controls how far away the button is from other elements. <br><strong>3. Custom Position &#8211;<\/strong> ON to deactivate default button position settings created by the plugin. Then use this function to manually position the Compare button on product pages &#8220;<code>&lt;?php if ( function_exists('woo_add_compare_button' ) ) echo woo_add_compare_button(); ?&gt;<\/code> &#8220;<\/p><\/div><\/div><\/section>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-La9Ve alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-La9Ve a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"view-compare-settings\">View Comparison Table<\/h4>\n\n\n\n<p>As default the View Compare Link is On.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"484\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/View-Comparation-Table.png.webp\" alt=\"\" class=\"wp-image-5662\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/View-Comparation-Table.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/View-Comparation-Table-300x106.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/View-Comparation-Table-1024x363.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/View-Comparation-Table-768x272.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-ZD0rsM\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. View Compare Link &#8211;<\/strong> Deactivate or activate this function.<br><strong>2. View Compare Type &#8211;<\/strong>  Choose from a hyperlink text or a button to be display. Same as Add To Compare.<br><strong>3. Hyperlink Text &#8211;<\/strong> The default text is: View Compare \u2192, but you can change it to your needs.<br><strong>4. Hyperlink Font &#8211;<\/strong> Select a font and font proprieties for the hyperlink.<br><strong>5. Hyperlink Hoover Colour &#8211;<\/strong> Select the colour when a pointer is hovering over the text.<\/p><\/div><\/div><\/section>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-Z1TMS1l alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-Z1TMS1l a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"product-page-tab\">Product Page Compare Tab<\/h4>\n\n\n\n<p>This will add or remove the Compare attribute\/specification from the Attributes Tab.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"427\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Product-page-compare-tab.png.webp\" alt=\"\" class=\"wp-image-5667\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Product-page-compare-tab.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Product-page-compare-tab-300x94.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Product-page-compare-tab-1024x320.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Product-page-compare-tab-768x240.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-Z14hRQv\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Compare Attributes Tab &#8211;<\/strong> Turn On\/Off this tab.<br><strong>2. Compare Tab Position &#8211;<\/strong> Select the position of the Compare Attributes tab on the default WooCommerce product page Nav bar. Products Compare feature list shows under the tab.<br><strong>3. Compare Tab Name &#8211;<\/strong> Change the tab name. By default is: Technical Details.<\/p><\/div><\/div><\/section>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"325\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/tehnical-details-1024x325.png.webp\" alt=\"\" class=\"wp-image-5671\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/tehnical-details-1024x325.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/tehnical-details-300x95.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/tehnical-details-768x244.png.webp 768w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/tehnical-details.png.webp 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-lq8hP alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-lq8hP a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"compare-widget\">Compare Widget<\/h3>\n\n\n\n<p>This widget will add the compare products on the sidebar. When a user clicks on the Compare this button on a product the product is auto added to the Compare sidebar Widget or Compare basket. It have many benefit to use it.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"467\" height=\"426\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-product-sidebar-widget.png.webp\" alt=\"\" class=\"wp-image-5781\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-product-sidebar-widget.png.webp 467w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-product-sidebar-widget-300x274.png.webp 300w\" sizes=\"(max-width: 467px) 100vw, 467px\" \/><\/figure>\n\n\n\n<p>The Compare Product Widget is fully customizable being able to integrate perfectly with your theme design and functions.<\/p>\n\n\n\n<p>From the&nbsp;Widgets menu&nbsp;add the Woo Compare Widget to sidebars \/ widget areas where users can see it as they add items to their list of item to be compared.<\/p>\n\n\n\n<p>All the settings for this feature are found on 3th tab of the WC Compare &gt; Settings and Style.<\/p>\n\n\n\n<p>The first option &#8211; Woo Compare Widget Title have 2 options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Themes Widget Title Style &#8211; Turn this option On and the Title will inherit the theme style<\/li>\n\n\n\n<li>Custom Widget Title Style &#8211; Using this option you can customize the Title of the Compare widget. There are many options for style like: Title Font, Title Container Alignment, Title Container Width, Title Container Padding, Title Container Margin, Container Background and Bording.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"580\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Compare-Widget.png.webp\" alt=\"\" class=\"wp-image-5784\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Compare-Widget.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Compare-Widget-300x127.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Compare-Widget-1024x435.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Compare-Widget-768x326.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-2feqBw alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-2feqBw a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-22\" class=\"wp-block-heading\">Compare Item Count Style<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"439\" height=\"383\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/a1.png.webp\" alt=\"\" class=\"wp-image-5787\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/a1.png.webp 439w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/a1-300x262.png.webp 300w\" sizes=\"(max-width: 439px) 100vw, 439px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"262\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Compare-Item-Count-Style.png.webp\" alt=\"\" class=\"wp-image-5788\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Compare-Item-Count-Style.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Compare-Item-Count-Style-300x58.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Compare-Item-Count-Style-1024x197.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Compare-Item-Count-Style-768x147.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-Htqf8\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Count Number Font &#8211;<\/strong> Add a custom family font. <br><strong>2.<\/strong> <strong>To show before and after the number<\/strong> <\/p><\/div><\/div><\/section>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-ZkgqTN alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-ZkgqTN a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-23\" class=\"wp-block-heading\">Remove Single Item Icon &amp; Empty Items Text<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"419\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/04\/a111.gif\" alt=\"\" class=\"wp-image-5804\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1365\" height=\"368\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/a3.png.webp\" alt=\"\" class=\"wp-image-5798\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/a3.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/a3-300x81.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/a3-1024x276.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/a3-768x207.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-Z2fkeas\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Remove from widget Icon &#8211;<\/strong> Remove and add your own custom icon to show when want to remove a product from the compare list. Upload a 10px x 10px image, support .jpg, .pgn, .jpeg, .gif formats.<br><strong>2. Nothing to Compare Text &#8211;<\/strong> When there is no product to compare a text will show up. Customize the text as the style of it.<\/p><\/div><\/div><\/section>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-2oLD50 alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-2oLD50 a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-24\" class=\"wp-block-heading\">Compare Items Button \/ Hyperlink Style<\/h4>\n\n\n\n<p>Customize the button that redirect to the Compare Product Tab Page. Same like the others button you can have options for font, color, shadow, custom text for the button or hyperlink etc..<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"403\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/a6.png.webp\" alt=\"\" class=\"wp-image-5811\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/a6.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/a6-300x89.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/a6-1024x302.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/a6-768x227.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-ZxfpzE alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-ZxfpzE a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-25\" class=\"wp-block-heading\">&#8216;Clear All&#8217; Items Style<\/h4>\n\n\n\n<p>Style the hyperlink\/button that clear all the item bulk. It can be a button or a hyperlink, both fully customizable.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"465\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/adasd.png.webp\" alt=\"\" class=\"wp-image-5816\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/adasd.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/adasd-300x102.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/adasd-1024x349.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/adasd-768x262.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-1rSd3U alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-1rSd3U a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-26\" class=\"wp-block-heading\">Product Image Thumbnail Style<\/h4>\n\n\n\n<p>Style the thumbnail image of the comparted product.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"582\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/thumbnail-style.png.webp\" alt=\"\" class=\"wp-image-5821\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/thumbnail-style.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/thumbnail-style-300x128.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/thumbnail-style-1024x437.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/thumbnail-style-768x327.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-Z1shgl7\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Product Thumbnails &#8211;<\/strong> ON to show Product Thumbnails when items added to the Compare Widget.<br><strong>2. Thumbnail Width &#8211;<\/strong> Default is 32px -change it if it&#8217;s need.<br><strong>3. Thumbnail Position &#8211;<\/strong> Position in relation to Compare Items in widget.<br><strong>4. Thumbnail Container &#8211;<\/strong> Set the background colour.<br><strong>5. Container Border &#8211;<\/strong> Add a border to the thumbnail container.<br><strong>6. Border Shadow &#8211;<\/strong> Add a shadow to the thumbnail container.<br><strong>7. Border Padding &#8211;<\/strong> Space between the image and the container border.<\/p><\/div><\/div><\/section>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-TvgYO alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-TvgYO a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"product-cards\">Product Cards<\/h3>\n\n\n\n<p>Turn On and the Compare Feature will be applies to all product cards on the Shop, Product Category and Product Tag page.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"587\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/product-card.png.webp\" alt=\"\" class=\"wp-image-5697\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/product-card.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/product-card-300x129.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/product-card-1024x440.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/product-card-768x330.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-1D7j1s alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-1D7j1s a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-28\" class=\"wp-block-heading\">Position on Product Cards<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1357\" height=\"232\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/product-card-2.png.webp\" alt=\"\" class=\"wp-image-5688\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/product-card-2.png.webp 1357w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/product-card-2-300x51.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/product-card-2-1024x175.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/product-card-2-768x131.png.webp 768w\" sizes=\"(max-width: 1357px) 100vw, 1357px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-94umu\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Vertical Position &#8211;<\/strong> Position relative to Add to Cart Button. Tip: Change position if Compare Button\/Link does not show.<br><strong>2. Button Margin &#8211;<\/strong>  Controls how far away the button is from other elements. <\/p><\/div><\/div><\/section>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1052\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-product-card-button-v1.gif\" alt=\"\" class=\"wp-image-5695\"\/><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-11HTc6 alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-11HTc6 a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-29\" class=\"wp-block-heading\">Compare Button \/ Hyperlink Style<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1348\" height=\"826\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/button-Compare-Settings-Style.png.webp\" alt=\"\" class=\"wp-image-5647\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/button-Compare-Settings-Style.png.webp 1348w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/button-Compare-Settings-Style-300x184.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/button-Compare-Settings-Style-1024x627.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/button-Compare-Settings-Style-768x471.png.webp 768w\" sizes=\"(max-width: 1348px) 100vw, 1348px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-Z1uaIgJ\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Compare Type &#8211;<\/strong> Select to display from button or a hyperlink.<br><strong>2. Added to Compare Icon &#8211;<\/strong> Upload a 16px x 16px image, support .jpg, .pgn, .jpeg, .gif formats.<br><strong>3. Button Text &#8211;<\/strong> The default text is: Compare This*, but you can change it to your needs.<br><strong>4. Button Font &#8211;<\/strong> Select a font and font proprieties for the button.<br><strong>5. Button Padding &#8211;<\/strong> Padding from Button text to Button border.<br><strong>6. Background Colour &#8211;<\/strong> Select the button colour.<br>7. Button Border &#8211; Add a border for the button.<br><strong>8. Button Shadow &#8211; <\/strong>Style the button by adding shadow to it.<\/p><\/div><\/div><\/section>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-ZMnJyh alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-ZMnJyh a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-30\" class=\"wp-block-heading\">&#8216;View Compare&#8217; Link<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"484\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/View-Comparation-Table.png.webp\" alt=\"\" class=\"wp-image-5662\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/View-Comparation-Table.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/View-Comparation-Table-300x106.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/View-Comparation-Table-1024x363.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/View-Comparation-Table-768x272.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-1Gq92x\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. View Compare Type &#8211;<\/strong>  Choose from a hyperlink text or a button to be display. Same as Add To Compare.<br><strong>2. Hyperlink Text &#8211;<\/strong> The default text is: View Compare \u2192, but you can change it to your needs.<br><strong>3. Hyperlink Font &#8211;<\/strong> Select a font and font proprieties for the hyperlink.<br><strong>4. Hyperlink Hoover Colour &#8211;<\/strong> Select the colour when a pointer is hovering over the text.<\/p><\/div><\/div><\/section>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-1RPjnn alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-1RPjnn a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"comparison-page\">Comparation Page<\/h3>\n\n\n\n<p>From here we style and setup the page that hold the comparation products. This is where the users do their product comparison. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1348\" height=\"874\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparation-Page.png.webp\" alt=\"\" class=\"wp-image-5707\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparation-Page.png.webp 1348w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparation-Page-300x195.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparation-Page-1024x664.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparation-Page-768x498.png.webp 768w\" sizes=\"(max-width: 1348px) 100vw, 1348px\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1059\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-product-page.gif\" alt=\"\" class=\"wp-image-5708\"\/><figcaption class=\"wp-element-caption\">A demo of a compare product page of a live website.<\/figcaption><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-EMS1T alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-EMS1T a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-32\" class=\"wp-block-heading\">Comparison Page Setup<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"412\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparasion-Page-Setup.png.webp\" alt=\"\" class=\"wp-image-5706\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparasion-Page-Setup.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparasion-Page-Setup-300x91.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparasion-Page-Setup-1024x309.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparasion-Page-Setup-768x232.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-Z1bIINi\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Open Compare Table in &#8211;<\/strong> There are 2 options to open the Compare Table page: Pop-up Window and a New Tab Window ( we recommend to use this one if concerned about browser pop-up blockers ).<br><strong>2. Comparison Page Shortcode &#8211;<\/strong> A \u2018Product Comparison\u2019 page with the shortcode *[product_comparison_page]* inserted should have been auto created on install. If not you need to manually create a new page and add the shortcode. Then set that page so the plugin knows where to find it.<\/p><\/div><\/div><\/section>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-ZI2Xeo alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-ZI2Xeo a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-33\" class=\"wp-block-heading\">Comparison Page Header<\/h4>\n\n\n\n<p>Now let&#8217;s start styling the table comparation page. Will gonna start with the header, so the page will match with your website design.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1360\" height=\"373\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparison-Page-Header.png.webp\" alt=\"\" class=\"wp-image-5718\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparison-Page-Header.png.webp 1360w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparison-Page-Header-300x82.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparison-Page-Header-1024x281.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparison-Page-Header-768x211.png.webp 768w\" sizes=\"(max-width: 1360px) 100vw, 1360px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-ZbLscM\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Header image &#8211;<\/strong> Upload an image with formats .jpg, .pgn, .jpeg. Any size.<br><strong>2. Background Colour &#8211;<\/strong>  Select a color for the header background.<br><strong>3. Bottom Border &#8211;<\/strong> To make a difference between header and page body you can add a border at the bottom of the header section.<\/p><\/div><\/div><\/section>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-Z2cDcO8 alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-Z2cDcO8 a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-34\" class=\"wp-block-heading\">Comparison Page Body<\/h4>\n\n\n\n<p>Now that we have our header done it&#8217;s time to style the body of the page.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"376\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparation-Page-Body.png.webp\" alt=\"\" class=\"wp-image-5719\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparation-Page-Body.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparation-Page-Body-300x83.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparation-Page-Body-1024x282.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Comparation-Page-Body-768x212.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-In8sk\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Background Colour &#8211;<\/strong>  Select the page body background.<br><strong>2. Comparison Empty Window Message Text &#8211;<\/strong>  The default message is: <em>You do not have any product to compare<\/em>. Change it as you wish.<br><strong>3. Message font &#8211; <\/strong>Setup a font and style it for the Empty Message Text.<br><strong>4. Text Alignment &#8211;<\/strong> Align the text for the Empty Message Text.<\/p><\/div><\/div><\/section>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-Z2vuFPO alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-Z2vuFPO a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-35\" class=\"wp-block-heading\">Table Style<\/h4>\n\n\n\n<p>Style how the table of the product specification looks like.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"385\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woo-Compare-product-Table-Style.png.webp\" alt=\"\" class=\"wp-image-5724\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woo-Compare-product-Table-Style.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woo-Compare-product-Table-Style-300x85.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woo-Compare-product-Table-Style-1024x289.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/woo-Compare-product-Table-Style-768x217.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-Z1UYzzv\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Table Heading Background Colour &#8211;<\/strong> Choose a color for the first row of the comparation table.<br><strong>2. Alternate Rows Background Colour &#8211;<\/strong> One way to improve the readability of large tables is to&nbsp;color alternating rows. See bellow image.<br><strong>3. Table Border &#8211;<\/strong> &nbsp;Get a&nbsp;border&nbsp;around your&nbsp;table&nbsp;by using this settings.<br><strong>4. Table Row Padding &#8211;<\/strong> Row&nbsp;padding&nbsp;is the space between the cell edges and the cell content.<\/p><\/div><\/div><\/section>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"624\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/demo.png.webp\" alt=\"\" class=\"wp-image-5728\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/demo.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/demo-300x137.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/demo-1024x468.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/demo-768x351.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-Z1oo0p6 alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-Z1oo0p6 a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-36\" class=\"wp-block-heading\">Table Fonts<\/h4>\n\n\n\n<p>Select the fonts that you want to use for the compare table. The fonts can be configure for: Product Name, Table Cells and Row Title.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"443\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Table-fonts.png.webp\" alt=\"\" class=\"wp-image-5734\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Table-fonts.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Table-fonts-300x97.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Table-fonts-1024x332.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Table-fonts-768x249.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-1NQty2 alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-1NQty2 a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-37\" class=\"wp-block-heading\">Empty Table Cells Style<\/h4>\n\n\n\n<p>When a attribute will have no data insert for a product the cell it will still show. You can customize a default message or leave it empty. Select the text font and the color background of the cell.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"288\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/empty-cell-fonts.png.webp\" alt=\"\" class=\"wp-image-5742\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/empty-cell-fonts.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/empty-cell-fonts-300x63.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/empty-cell-fonts-1024x216.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/empty-cell-fonts-768x162.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-eThT1\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Empty Cell Text &#8211;<\/strong> Add a custom text or ;eave it empty and nothing will show.<br><strong>2. Empty Cell Font &#8211;<\/strong> If you add a text then you can style the font from here.<br><strong>3. Cell Background Colour &#8211;<\/strong> Style the empty cell by adding a colour for the background.<\/p><\/div><\/div><\/section>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1351\" height=\"481\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/no-info-add.png.webp\" alt=\"\" class=\"wp-image-5745\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/no-info-add.png.webp 1351w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/no-info-add-300x107.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/no-info-add-1024x365.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/no-info-add-768x273.png.webp 768w\" sizes=\"(max-width: 1351px) 100vw, 1351px\" \/><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-Zxw8fi alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-Zxw8fi a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-38\" class=\"wp-block-heading\">Product Prices On Compare Table<\/h4>\n\n\n\n<p>Bellow and at the end of the table are the Prices rows. Choose the display position and play with the style till you got the desire look. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1365\" height=\"328\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Product-Prices-on-Compare-Table.png.webp\" alt=\"\" class=\"wp-image-5749\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Product-Prices-on-Compare-Table.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Product-Prices-on-Compare-Table-300x72.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Product-Prices-on-Compare-Table-1024x246.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Product-Prices-on-Compare-Table-768x185.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-dadAn\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Product Price &#8211;<\/strong> Turn On or Off the product price feature. <br><strong>2. Price Font &#8211;<\/strong> Select a font for the price text.<br><strong>3. Price Alignment &#8211;<\/strong> Position the price text left, center or right.<br><strong>4. Product Price Position &#8211;<\/strong> Display where the price to show: Top and Bottom, Only Top or Only Bottom.<\/p><\/div><\/div><\/section>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-2wVDDD alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-2wVDDD a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-39\" class=\"wp-block-heading\">Add to Cart Feature<\/h4>\n\n\n\n<p>Directly from the Product Comparison page the client can add the selected product to cart or make a enquire. Like the others buttons of this plugin this can be customize with background color, custom fonts, choose the alignment of the button\/hyperlink with a custom text. Also you can add a custom Added To Cart Success Icon.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1348\" height=\"1101\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/add-to-cart-comparation-page.png.webp\" alt=\"\" class=\"wp-image-5757\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/add-to-cart-comparation-page.png.webp 1348w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/add-to-cart-comparation-page-300x245.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/add-to-cart-comparation-page-1024x836.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/add-to-cart-comparation-page-768x627.png.webp 768w\" sizes=\"(max-width: 1348px) 100vw, 1348px\" \/><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-Z1gqA1 alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-Z1gqA1 a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-40\" class=\"wp-block-heading\">View Cart Hyperlink Styling<\/h4>\n\n\n\n<p>When the client make  a action and add to cart a product a text will show from where they can be redirect to Vie Cart page. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1365\" height=\"261\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/view-cart-hyperlink-styling.png.webp\" alt=\"\" class=\"wp-image-5762\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/view-cart-hyperlink-styling.png.webp 1365w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/view-cart-hyperlink-styling-300x57.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/view-cart-hyperlink-styling-1024x196.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/view-cart-hyperlink-styling-768x147.png.webp 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-product-page-add-to-cart.gif\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1052\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-product-page-add-to-cart.gif\" alt=\"a3rev Docs\" class=\"wp-image-5765\"\/><\/a><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-ZxhmqB alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-ZxhmqB a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-41\" class=\"wp-block-heading\">Print Comparison Page Feature<\/h4>\n\n\n\n<p>On the right corner of the page will have the Print button. On those tabs you can turn Off this feature, add a custom Message Text and choose of to be a hyperlink or a button. Both can be styles as need it.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1348\" height=\"1229\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Print-Comparasion-Feature.png.webp\" alt=\"\" class=\"wp-image-5768\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Print-Comparasion-Feature.png.webp 1348w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Print-Comparasion-Feature-300x274.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Print-Comparasion-Feature-1024x934.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/Print-Comparasion-Feature-768x700.png.webp 768w\" sizes=\"(max-width: 1348px) 100vw, 1348px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"318\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/compare-product-printpopup.gif\" alt=\"\" class=\"wp-image-5771\"\/><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-14qBxs alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-14qBxs a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h4 id=\"section-42\" class=\"wp-block-heading\">Close Window Button \/ Hyperlink<\/h4>\n\n\n\n<p>To close this window tab customize the button or the hyperlink text. that can be found on the top right corner of the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1348\" height=\"716\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/close-window-button.png.webp\" alt=\"\" class=\"wp-image-5774\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/close-window-button.png.webp 1348w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/close-window-button-300x159.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/close-window-button-1024x544.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/10\/close-window-button-768x408.png.webp 768w\" sizes=\"(max-width: 1348px) 100vw, 1348px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-a3-blockpress-infobox a3-block-infobox-ZuQ9WR\"><div class=\"a3-blocks-info-box-link-wrap a3-blocks-info-box-media-align-left  a3-blocks-info-box-media-tablet-align- a3-blocks-info-box-media-mobile-align- a3-info-halign-left a3-info-box-vertical-media-align-middle a3-info-box-tablet-vertical-media-align-middle a3-info-box-mobile-vertical-media-align-middle\"><div class=\"a3-blocks-info-box-media-container a3-info-media-type-icon\"><div class=\"a3-blocks-info-box-media a3-info-media-animate-none\"><div class=\"a3-info-box-icon-container a3-info-icon-animate-none\"><div class=\"a3-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"a3-info-svg-icon a3-info-svg-icon-fe_image\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"50\" width=\"50\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"a3-infobox-textcontent\"><p class=\"a3-blocks-info-box-text\"><strong>Image Legend:<\/strong><br><br><strong>1. Close Window Type &#8211;<\/strong> Choose if t have a button or a hyperlink.<br><strong>2. Button Text &#8211;<\/strong> The default text is <em>Close window<\/em> &#8211; change it if it&#8217;s need.<br><strong>3. Button Font &#8211;<\/strong> Select a custom font for the button\/hyperlink.<br><strong>4. Button Padding &#8211;<\/strong> The space between the text and the inside button border.<br><strong>5. Button Style &#8211;<\/strong> Customize the button look.<br><\/p><\/div><\/div><\/section>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-Z1qEwaP alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-Z1qEwaP a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"colour-fields-type\">Colour Fields Type<\/h2>\n\n\n\n<p>In the beginning of the doc it&#8217;s mention that you can add colour fields to the compare product table. In this section will see how to use &nbsp;Input Data Type &gt; Colour. This Input type is working same like others, if you don&#8217;t know how to setup please check this <a href=\"https:\/\/docs.a3rev.com\/woocommerce\/compare-products\/#section-3\">section<\/a> . <\/p>\n\n\n\n<p>You can create a new Attribute Comparison Data with this field type or edit a existent one and highlight specific fields in comparison table.<\/p>\n\n\n\n<p>In our example we will edit a already create attribute, changing it from a text field to a colour input type. This attribute have 4 terms, to make it easier for demo purpose we select them as colours. We assign each term (colour) to 4 products witch will compare.<\/p>\n\n\n\n<p><strong>Step 1: <\/strong>Choose the Attribute and Terms Compare data Input type -&gt; Colour. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/Colour-Fields-Type.gif\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1055\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/Colour-Fields-Type.gif\" alt=\"add colour for attributes\" class=\"wp-image-7277\"\/><\/a><\/figure>\n\n\n\n<p><strong>Step 2: <\/strong>Configure the terms of the selected attribute by applying color to both the text and background.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/compare-attribute-configuration.gif\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1055\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/compare-attribute-configuration.gif\" alt=\"\" class=\"wp-image-7293\"\/><\/a><\/figure>\n\n\n\n<p><strong>Step 3: <\/strong>Now, we simply need to choose the appropriate field for each product&#8217;s terms.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/Colour-Fields-Type-Select-correct-terms.gif\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1059\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/Colour-Fields-Type-Select-correct-terms.gif\" alt=\"\" class=\"wp-image-7281\"\/><\/a><\/figure>\n\n\n\n<p><strong>Step 4:<\/strong> See the changes on product compare table.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/compare-attribute.gif\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1052\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/compare-attribute.gif\" alt=\"\" class=\"wp-image-7295\"\/><\/a><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-Z2mHhwF alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-Z2mHhwF a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"image-field-type\">Image Fields Type<\/h2>\n\n\n\n<p>Same as the others Input Type the Image is to populate a attribute term, in our case with a image. The process is very simple. In our example will gonna edit the &#8220;Brand&#8221; attribute, adding images for some terms that this attribute have.<\/p>\n\n\n\n<p>In our demo the radio buttons will be replace with images. Like you see in our example, this product have select as input field the radio buttons and on comparation table they show as text.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/add-image-compare.png\"><img decoding=\"async\" width=\"1178\" height=\"273\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/add-image-compare.png.webp\" alt=\"\" class=\"wp-image-7302\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/add-image-compare.png.webp 1178w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/add-image-compare-300x70.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/add-image-compare-1024x237.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/add-image-compare-768x178.png.webp 768w\" sizes=\"(max-width: 1178px) 100vw, 1178px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/add-image-compare-radio-buttons.png\"><img decoding=\"async\" width=\"856\" height=\"323\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/add-image-compare-radio-buttons.png.webp\" alt=\"\" class=\"wp-image-7303\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/add-image-compare-radio-buttons.png.webp 856w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/add-image-compare-radio-buttons-300x113.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/add-image-compare-radio-buttons-768x290.png.webp 768w\" sizes=\"(max-width: 856px) 100vw, 856px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/table-comparation-image-field.png\"><img decoding=\"async\" width=\"1358\" height=\"624\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/table-comparation-image-field.png.webp\" alt=\"\" class=\"wp-image-7304\" srcset=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/table-comparation-image-field.png.webp 1358w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/table-comparation-image-field-300x138.png.webp 300w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/table-comparation-image-field-1024x471.png.webp 1024w, https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/table-comparation-image-field-768x353.png.webp 768w\" sizes=\"(max-width: 1358px) 100vw, 1358px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Step 1: <\/strong> Choose the Attribute and Terms Compare data Input type -&gt; Image. You can edit a existent attribute or create a new one and apply the Image data type with the selected category. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/woo-product-compare-add-image.gif\"><img decoding=\"async\" width=\"1055\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/woo-product-compare-add-image.gif\" alt=\"\" class=\"wp-image-7307\"\/><\/a><\/figure>\n\n\n\n<p><strong>Step 2: <\/strong>Next, we simply need to input the image URL for the desired products. When the input type is set as &#8220;Image&#8221;, in the product editor a new field will appear allowing you to enter the URL for the desired image.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1055\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/woo-product-compare-add-image-url.gif\" alt=\"\" class=\"wp-image-7311\"\/><\/figure>\n\n\n\n<p><strong>Step 3:<\/strong> See the images you add into the comparation table.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1059\" height=\"480\" src=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2023\/03\/woo-product-compare-table.gif\" alt=\"\" class=\"wp-image-7313\"\/><\/figure>\n\n\n\n<div class=\"a3-blockpress-divider-wrapper a3-blockpress-divider-wrap-12h2wJ alignnone\"><div class=\"a3-blockpress-divider a3-blockpress-divider-12h2wJ a3-blockpress-divider-type-solid\"><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"troubleshooting\">Troubleshooting<\/h2>\n\n\n\n<h3 id=\"section-46\" class=\"wp-block-heading\">Compare Button is not showing.<\/h3>\n\n\n\n<p>On the Settings tab set the \u2018Button Position relative to Add to Cart Button \u2018 to \u2018Below\u2019. If you have the Catalog Visibility premium extension activated you must do this or the Compare Button will not show.<\/p>\n\n\n\n<h3 id=\"section-47\" class=\"wp-block-heading\">Compare Pop-up window won\u2019t open.<\/h3>\n\n\n\n<p>On the Settings tab change the&nbsp; \u2018Compare Fly-Out Type\u2019 from Fancybox to Lightbox. This normally happens when you are not using a WooTheme. Some theme developers use Lightbox as their theme default pop-up tool and it blocks the default WooCommerce fancybox tool from working.<\/p>\n\n\n\n<h3 id=\"section-48\" class=\"wp-block-heading\">Comparison Window not showing any products.<\/h3>\n\n\n\n<p>If you can see the items in the comparison pop-up window or new page table whilst your logged in, but in other browsers as a logged out user the comparison window shows no products \u2013 this is a caching issue. If your site is hosted on WP Engine you need to contact their support and ask them to exclude \/product-comparison\/ from the caching on their Varnish layer. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><a href=\"#top\" data-type=\"internal\" data-id=\"#top\">Go Back to Top<\/a><\/p>\n\n\n\n<div class=\"wp-block-a3-blockpress-buttons a3-blockpress-button-wrapper a3-blockpress-button-wrapper-align-center\">\n<a class=\"wp-block-a3-blockpress-button a3-blockpress-button a3-blockpress-button-ZcBi9f\" href=\"https:\/\/a3rev.com\/shop\/woocommerce-compare-products\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"a3-blockpress-button-text\">BUY Now $99<\/span><div style=\"display:inline-flex;justify-content:center;align-items:center\" class=\"a3blockpress-svg-icon a3blockpress-svg-icon-fe_shoppingCart a3-blockpress-button-icon-right\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"16\" width=\"16\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"><\/circle><circle cx=\"20\" cy=\"21\" r=\"1\"><\/circle><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"><\/path><\/svg><\/div><\/a>\n<\/div>\n<\/div><\/div><\/div><\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":239,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-86","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce"],"featured_image_src":"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/04\/WOO-Compare-Products.png","author_info":{"display_name":"Sorin Gabriel","author_link":"https:\/\/docs.a3rev.com\/author\/sorina3rev-com\/"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Compare Products - a3rev Docs<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.a3rev.com\/compare-products\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Compare Products - a3rev Docs\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.a3rev.com\/compare-products\/\" \/>\n<meta property=\"og:site_name\" content=\"a3rev Docs\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-27T21:13:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-23T02:36:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/04\/WOO-Compare-Products.png\" \/>\n\t<meta property=\"og:image:width\" content=\"560\" \/>\n\t<meta property=\"og:image:height\" content=\"320\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sorin Gabriel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sorin Gabriel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"37 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/compare-products\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/compare-products\\\/\"},\"author\":{\"name\":\"Sorin Gabriel\",\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/#\\\/schema\\\/person\\\/0cf251c509502d5a37878fb099723452\"},\"headline\":\"Compare Products\",\"datePublished\":\"2022-04-27T21:13:19+00:00\",\"dateModified\":\"2024-10-23T02:36:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/compare-products\\\/\"},\"wordCount\":5117,\"publisher\":{\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/compare-products\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/docs.a3rev.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/WOO-Compare-Products.png\",\"articleSection\":[\"WooCommerce\"],\"inLanguage\":\"en-AU\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/compare-products\\\/\",\"url\":\"https:\\\/\\\/docs.a3rev.com\\\/compare-products\\\/\",\"name\":\"Compare Products - a3rev Docs\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/compare-products\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/compare-products\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/docs.a3rev.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/WOO-Compare-Products.png\",\"datePublished\":\"2022-04-27T21:13:19+00:00\",\"dateModified\":\"2024-10-23T02:36:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/compare-products\\\/#breadcrumb\"},\"inLanguage\":\"en-AU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/docs.a3rev.com\\\/compare-products\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AU\",\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/compare-products\\\/#primaryimage\",\"url\":\"https:\\\/\\\/docs.a3rev.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/WOO-Compare-Products.png\",\"contentUrl\":\"https:\\\/\\\/docs.a3rev.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/WOO-Compare-Products.png\",\"width\":560,\"height\":320},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/compare-products\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/docs.a3rev.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Compare Products\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/#website\",\"url\":\"https:\\\/\\\/docs.a3rev.com\\\/\",\"name\":\"a3rev Docs\",\"description\":\"a3rev Plugin and theme docs\",\"publisher\":{\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/docs.a3rev.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-AU\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/#organization\",\"name\":\"a3rev\",\"url\":\"https:\\\/\\\/docs.a3rev.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AU\",\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/docs.a3rev.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/a3rev-docs-logo.png\",\"contentUrl\":\"https:\\\/\\\/docs.a3rev.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/a3rev-docs-logo.png\",\"width\":160,\"height\":83,\"caption\":\"a3rev\"},\"image\":{\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/docs.a3rev.com\\\/#\\\/schema\\\/person\\\/0cf251c509502d5a37878fb099723452\",\"name\":\"Sorin Gabriel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AU\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7703b231190c45dbba9ff7cb8dafc80ae484df8e374f7779e2658debfb4ad3ce?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7703b231190c45dbba9ff7cb8dafc80ae484df8e374f7779e2658debfb4ad3ce?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7703b231190c45dbba9ff7cb8dafc80ae484df8e374f7779e2658debfb4ad3ce?s=96&d=mm&r=g\",\"caption\":\"Sorin Gabriel\"},\"url\":\"https:\\\/\\\/docs.a3rev.com\\\/author\\\/sorina3rev-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Compare Products - a3rev Docs","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/docs.a3rev.com\/compare-products\/","og_locale":"en_US","og_type":"article","og_title":"Compare Products - a3rev Docs","og_url":"https:\/\/docs.a3rev.com\/compare-products\/","og_site_name":"a3rev Docs","article_published_time":"2022-04-27T21:13:19+00:00","article_modified_time":"2024-10-23T02:36:01+00:00","og_image":[{"width":560,"height":320,"url":"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/04\/WOO-Compare-Products.png","type":"image\/png"}],"author":"Sorin Gabriel","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sorin Gabriel","Est. reading time":"37 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/docs.a3rev.com\/compare-products\/#article","isPartOf":{"@id":"https:\/\/docs.a3rev.com\/compare-products\/"},"author":{"name":"Sorin Gabriel","@id":"https:\/\/docs.a3rev.com\/#\/schema\/person\/0cf251c509502d5a37878fb099723452"},"headline":"Compare Products","datePublished":"2022-04-27T21:13:19+00:00","dateModified":"2024-10-23T02:36:01+00:00","mainEntityOfPage":{"@id":"https:\/\/docs.a3rev.com\/compare-products\/"},"wordCount":5117,"publisher":{"@id":"https:\/\/docs.a3rev.com\/#organization"},"image":{"@id":"https:\/\/docs.a3rev.com\/compare-products\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/04\/WOO-Compare-Products.png","articleSection":["WooCommerce"],"inLanguage":"en-AU"},{"@type":"WebPage","@id":"https:\/\/docs.a3rev.com\/compare-products\/","url":"https:\/\/docs.a3rev.com\/compare-products\/","name":"Compare Products - a3rev Docs","isPartOf":{"@id":"https:\/\/docs.a3rev.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.a3rev.com\/compare-products\/#primaryimage"},"image":{"@id":"https:\/\/docs.a3rev.com\/compare-products\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/04\/WOO-Compare-Products.png","datePublished":"2022-04-27T21:13:19+00:00","dateModified":"2024-10-23T02:36:01+00:00","breadcrumb":{"@id":"https:\/\/docs.a3rev.com\/compare-products\/#breadcrumb"},"inLanguage":"en-AU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.a3rev.com\/compare-products\/"]}]},{"@type":"ImageObject","inLanguage":"en-AU","@id":"https:\/\/docs.a3rev.com\/compare-products\/#primaryimage","url":"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/04\/WOO-Compare-Products.png","contentUrl":"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/04\/WOO-Compare-Products.png","width":560,"height":320},{"@type":"BreadcrumbList","@id":"https:\/\/docs.a3rev.com\/compare-products\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.a3rev.com\/"},{"@type":"ListItem","position":2,"name":"Compare Products"}]},{"@type":"WebSite","@id":"https:\/\/docs.a3rev.com\/#website","url":"https:\/\/docs.a3rev.com\/","name":"a3rev Docs","description":"a3rev Plugin and theme docs","publisher":{"@id":"https:\/\/docs.a3rev.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.a3rev.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-AU"},{"@type":"Organization","@id":"https:\/\/docs.a3rev.com\/#organization","name":"a3rev","url":"https:\/\/docs.a3rev.com\/","logo":{"@type":"ImageObject","inLanguage":"en-AU","@id":"https:\/\/docs.a3rev.com\/#\/schema\/logo\/image\/","url":"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/05\/a3rev-docs-logo.png","contentUrl":"https:\/\/docs.a3rev.com\/wp-content\/uploads\/2022\/05\/a3rev-docs-logo.png","width":160,"height":83,"caption":"a3rev"},"image":{"@id":"https:\/\/docs.a3rev.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/docs.a3rev.com\/#\/schema\/person\/0cf251c509502d5a37878fb099723452","name":"Sorin Gabriel","image":{"@type":"ImageObject","inLanguage":"en-AU","@id":"https:\/\/secure.gravatar.com\/avatar\/7703b231190c45dbba9ff7cb8dafc80ae484df8e374f7779e2658debfb4ad3ce?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7703b231190c45dbba9ff7cb8dafc80ae484df8e374f7779e2658debfb4ad3ce?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7703b231190c45dbba9ff7cb8dafc80ae484df8e374f7779e2658debfb4ad3ce?s=96&d=mm&r=g","caption":"Sorin Gabriel"},"url":"https:\/\/docs.a3rev.com\/author\/sorina3rev-com\/"}]}},"_links":{"self":[{"href":"https:\/\/docs.a3rev.com\/wp-json\/wp\/v2\/posts\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.a3rev.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.a3rev.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.a3rev.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.a3rev.com\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":0,"href":"https:\/\/docs.a3rev.com\/wp-json\/wp\/v2\/posts\/86\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/docs.a3rev.com\/wp-json\/wp\/v2\/media\/239"}],"wp:attachment":[{"href":"https:\/\/docs.a3rev.com\/wp-json\/wp\/v2\/media?parent=86"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.a3rev.com\/wp-json\/wp\/v2\/categories?post=86"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.a3rev.com\/wp-json\/wp\/v2\/tags?post=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}