{"id":8643,"date":"2023-07-05T14:00:04","date_gmt":"2023-07-05T11:00:04","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=7263"},"modified":"2025-09-02T19:45:19","modified_gmt":"2025-09-02T16:45:19","slug":"compare-view","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/compare-view\/","title":{"rendered":"Compare View"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2023\/07\/Screen-Recording-2023-07-05-at-14.40.15.mov\" playsinline><\/video><figcaption class=\"wp-element-caption\">Enabling the <strong>Compare View<\/strong> module.<\/figcaption><\/figure>\n\n\n\n<p>The\u00a0<strong>Compare View<\/strong>\u00a0module from the Shop Extra extension in Blocksy Pro allows your customers to easily compare multiple products side by side. When browsing your store, visitors can add products to a comparison list and view them in a dedicated table that highlights all the important details &#8211; helping them make smarter purchasing decisions.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Activating the Module<\/h2>\n\n\n\n<p>To enable the Compare View module:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Go to your\u00a0<strong>WordPress Dashboard<\/strong>.<\/li>\n\n\n\n<li>Navigate to\u00a0<strong>Blocksy \u2192 Extensions \u2192 Shop Extra<\/strong>.<\/li>\n\n\n\n<li>Find the\u00a0<strong>Compare View<\/strong>\u00a0module.<\/li>\n\n\n\n<li>Toggle it on to activate it.<\/li>\n<\/ol>\n\n\n\n<p>Once enabled, a new\u00a0<strong>Compare View<\/strong>\u00a0panel will appear under\u00a0<strong>Customiser \u2192 WooCommerce General<\/strong>, where you can configure its options.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2023\/07\/Screen-Recording-2023-07-05-at-14.43.19.mov\"><\/video><figcaption class=\"wp-element-caption\">The <strong>Compare<\/strong> button can be placed anywhere in your header layout. It gives users a clear entry point to start comparing products and access the comparison table.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Granular Controls<\/h2>\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\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"2720\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2023\/07\/Screenshot-2025-09-02-at-19.29.32.png\" alt=\"\" class=\"wp-image-13984\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h3 class=\"wp-block-heading\">Placement<\/h3>\n\n\n\n<p>Decide how the comparison will be displayed:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Page<\/strong>\u00a0\u2013 Assigns a dedicated page of your choice to host the comparison table.<\/li>\n\n\n\n<li><strong>Popup<\/strong>\u00a0\u2013 Opens the comparison table in a modal pop-up above your content.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Table Fields<\/h3>\n\n\n\n<p>Choose which product fields are displayed in the comparison table. Standard details like product title, price, and images are available.<\/p>\n\n\n\n<p>When displaying attributes, only\u00a0<strong>global attributes<\/strong>\u00a0are supported.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Compare Bar<\/h3>\n\n\n\n<p>Enable a&nbsp;<strong>Compare Bar<\/strong>&nbsp;at the bottom of the viewport to quickly showcase products in the comparison queue. The bar comes with customization options, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Per-device visibility controls<\/li>\n\n\n\n<li>Adjustable bar height<\/li>\n\n\n\n<li>Custom action button icon<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Quick Demo<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2023\/07\/Screen-Recording-2023-07-05-at-14.06.40.mov\"><\/video><figcaption class=\"wp-element-caption\"><strong>Compare View<\/strong> in action.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The\u00a0Compare View\u00a0module from the Shop Extra extension in Blocksy Pro allows your customers to easily compare multiple products side by side. When browsing your store, visitors can add products to a comparison list and view them in a dedicated table that highlights all the important details &#8211; helping them make smarter purchasing decisions. Activating the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[117],"class_list":["post-8643","documentation","type-documentation","status-publish","hentry","doc_categories-woocommerce"],"blocksy_meta":{"docs_item_badge":"PRO"},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/8643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=8643"}],"version-history":[{"count":4,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/8643\/revisions"}],"predecessor-version":[{"id":13986,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/8643\/revisions\/13986"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=8643"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=8643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}