{"id":6324,"date":"2022-11-08T16:16:07","date_gmt":"2022-11-08T14:16:07","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&p=6324"},"modified":"2026-10-08T11:18:36","modified_gmt":"2026-10-08T08:18:36","slug":"wishlist","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/wishlist\/","title":{"rendered":"Wishlist"},"content":{"rendered":"\n
\n
\"Wishlist\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
The Wishlist element in action.<\/figcaption><\/figure>\n\n\n\n

The Wishlist<\/strong> element gives WooCommerce customers quick access to products they have saved using Blocksy Pro’s Wishlist<\/strong><\/a> module. It can also display a counter directly in the header, showing how many products are currently stored in the visitor’s wishlist.<\/p>\n\n\n\n

To make the element available, navigate to Blocksy \u2192 Extensions \u2192 Shop Extra \u2192 Wishlist<\/strong> and activate the Wishlist module. You can then open the Customiser \u2192 Header<\/strong> and drag the Wishlist<\/strong> element into the desired header row.<\/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>
Wishlist element configuration options.<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n

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

Choose the icon used to represent the Wishlist element in the header. Blocksy provides three built-in designs, or you can upload a custom SVG icon to better 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 Wishlist icon independently across the available responsive device views, allowing it to remain proportionate to the other elements in your header.<\/p>\n\n\n\n

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

Enable the Icon Badge<\/strong> to display the number of products currently saved to the visitor’s wishlist.<\/p>\n\n\n\n

The badge is attached to the Wishlist icon and updates as products are added or removed. Its appearance, including its Colors, can be customised from the element’s Design<\/strong> tab.<\/p>\n\n\n\n

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

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

The Wishlist element gives WooCommerce customers quick access to products they have saved using Blocksy Pro’s Wishlist module. It can also display a counter directly in the header, showing how many products are currently stored in the visitor’s wishlist. To make the element available, navigate to Blocksy \u2192 Extensions \u2192 Shop Extra \u2192 Wishlist and […]<\/p>\n","protected":false},"author":1,"featured_media":6331,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[124],"class_list":["post-6324","documentation","type-documentation","status-publish","has-post-thumbnail","hentry","doc_categories-header-elements"],"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/6324","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=6324"}],"version-history":[{"count":3,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/6324\/revisions"}],"predecessor-version":[{"id":15286,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/6324\/revisions\/15286"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media\/6331"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=6324"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=6324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}