{"id":8644,"date":"2023-07-05T14:37:36","date_gmt":"2023-07-05T11:37:36","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&p=7275"},"modified":"2026-10-08T10:35:07","modified_gmt":"2026-10-08T07:35:07","slug":"compare","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/compare\/","title":{"rendered":"Compare"},"content":{"rendered":"\n
\n
\"Compare\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
The Compare element in action.<\/figcaption><\/figure>\n\n\n\n

The Compare<\/strong> element gives WooCommerce customers quick access to their current product comparison list directly from the website header. It works together with Blocksy Pro’s Compare View<\/strong><\/a> module from the Shop Extra extension.<\/p>\n\n\n\n

To make the element available, navigate to Blocksy \u2192 Extensions \u2192 Shop Extra<\/strong> and activate the Compare View<\/strong> module. You can then open the Customiser \u2192 Header<\/strong> and drag the Compare<\/strong> element into the desired header row.<\/p>\n\n\n\n

Selecting the element on the front end gives visitors access to the comparison interface configured through the Compare View module.<\/p>\n<\/div>\n\n\n\n

\n

Granular Controls<\/h2>\n\n\n\n
\n
\n
\"Configuration\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
Compare element configuration options.<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n

Icon Source<\/h3>\n\n\n\n

Choose the icon used to represent the Compare element in the header. Blocksy provides three built-in designs, or you can upload a custom SVG icon to match the rest of your website’s interface.<\/p>\n\n\n\n

Icon Size<\/h3>\n\n\n\n

Adjust the size of the Compare icon independently for the available responsive device views, allowing it to fit naturally into desktop, tablet and mobile header layouts.<\/p>\n\n\n\n

Icon Badge<\/h3>\n\n\n\n

Enable the Icon Badge<\/strong> to display the number of products currently stored in the visitor’s comparison list.<\/p>\n\n\n\n

The badge updates as products are added to or removed from the comparison queue, giving visitors an immediate indication of how many products are ready to compare.<\/p>\n\n\n\n

Label Visibility<\/h3>\n\n\n\n

Control whether the element’s text label is displayed on desktop<\/strong>, tablet<\/strong> and mobile<\/strong> devices independently. This lets you use a descriptive label where space allows while keeping a compact icon-only presentation on smaller screens.<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

The Compare element gives WooCommerce customers quick access to their current product comparison list directly from the website header. It works together with Blocksy Pro’s Compare View module from the Shop Extra extension. To make the element available, navigate to Blocksy \u2192 Extensions \u2192 Shop Extra and activate the Compare View module. You can then […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[124],"class_list":["post-8644","documentation","type-documentation","status-publish","hentry","doc_categories-header-elements"],"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/8644","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=8644"}],"version-history":[{"count":3,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/8644\/revisions"}],"predecessor-version":[{"id":15253,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/8644\/revisions\/15253"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=8644"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=8644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}