{"id":38807,"date":"2023-03-31T10:44:32","date_gmt":"2023-03-31T10:44:32","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=features&#038;p=38807"},"modified":"2023-04-04T14:01:32","modified_gmt":"2023-04-04T14:01:32","slug":"wishlist-widgets-overview","status":"publish","type":"features","link":"https:\/\/crocoblock.com\/knowledge-base\/features\/wishlist-widgets-overview\/","title":{"rendered":"Wishlist Widgets"},"content":{"rendered":"\n<p>With the <em>JetCompareWishlist<\/em> plugin, you will have a unique opportunity to create wishlists and compare tables with desired products, as well as add Wishlist and Compare buttons to the product templates. From this overview, you will learn about all the functions of the <strong>Wishlist, Wishlist Button,<\/strong> and <strong>Wishlist Count Button<\/strong> widgets.<\/p>\n\n\n\n<p>Before you can add these widgets to the website page, you&#8217;ll have to enable them. If you have no idea about how to do that \u2013 proceed to the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetcomparewishlist-how-to-enable-wishlist-functionality-for-woocommerce-products\/\"><strong>How to Enable Wishlist Functionality<\/strong><\/a> tutorial.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wishlist-button-widget\">Wishlist Button Widget<\/h2>\n\n\n\n<p>The Wishlist Button widget allows you to create a button that adds products to the wishlist. The widget can be added to the custom Single and Archive WooCommerce templates.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/wishlist-button.png\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/wishlist-button-2x.png\" alt=\"Wishlist Button widget\">\n\n\n\n<p>In the <strong>Content<\/strong> menu tab, you can switch between the &#8220;Normal&#8221; and &#8220;Added&#8221; appearance options. For each of them, you can customize the set of general options. Let us take a closer look at them.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/wishlist-button-settings-2x.png\" alt=\"Wishlist Button widget settings\">\n\n\n\n<ul>\n<li>In the <strong>Button Icon<\/strong> field, you can select the image that will be displayed on the button. It can be one of the Icon library items or an uploaded SVG image;<\/li>\n\n\n\n<li>In the <strong>Added <\/strong>tab, you can also turn on the <strong>Use as remove button<\/strong> toggle. In this case, the user will be able to remove the product from the wishlist by clicking on the same button;<\/li>\n\n\n\n<li>If you want to change the text on the button, you can insert it into the <strong>Button Label Text<\/strong> field;<\/li>\n\n\n\n<li>The <strong>Use Icon<\/strong> toggle enables showing the icon on the button. If you turn it on, you can choose the icon position in the <strong>Position<\/strong> dropdown menu.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"title2\">Wishlist Count Button Widget<\/h2>\n\n\n\n<p>The<strong> Wishlist Count Button<\/strong> widget allows you to create a button that will lead the customer to the wishlist. Besides that, it shows the number of products added to the wishlist. This widget can be added either to the header or footer.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/wishlist-count-button-2x.png\" alt=\"Wishlist Count Button widget\">\n\n\n\n<p>All the general settings are listed in the <strong>Content<\/strong> menu tab. Let us go through all of them.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/wishlist-count-settings-2x.png\" alt=\"Wishlist Count Button settings\">\n\n\n\n<ul>\n<li>You can select the image you like in the <strong>Button Icon<\/strong> field, and it will be displayed on the button;<\/li>\n\n\n\n<li>In the <strong>Button Label Text<\/strong>, you can define the text that will be shown on the button;<\/li>\n\n\n\n<li>In the<strong> Icon<\/strong> block, you need to turn on the <strong>Use Icon<\/strong> toggle and select the best position in the <strong>Icon Position<\/strong> dropdown menu.<\/li>\n<\/ul>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/09\/wishlist-count-button-settings-2x.png\" alt=\"wishlist count button settings\">\n\n\n\n<ul>\n<li>In the <strong>Count<\/strong> block, you should enable the <strong>Show Count<\/strong> option if you want to show the users how many items there are already on the wishlist;<\/li>\n\n\n\n<li>Toggle <strong>Hide Empty<\/strong> on if you want to hide a wishlist items quantity if it equals 0;<\/li>\n\n\n\n<li>The <strong>Format<\/strong> field allows you to set the format more specifically for the count items added to the wishlist using macros;<\/li>\n\n\n\n<li>The position of the counter can be defined in the <strong>Position<\/strong> dropdown menu.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"title3\">Wishlist Widget<\/h2>\n\n\n\n<p>The <strong>Wishlist<\/strong> widget helps you to create a wishlist. It is better to show it on a separate page, created especially for this purpose.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/wishlist-widget-2x.png\" alt=\"Wishlist widget\">\n\n\n\n<p>In the <strong>General <\/strong>settings block, you are able to define the look of the wishlist and its parts. <\/p>\n\n\n\n<img srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/wishlist-general-1-2x.png\" alt=\"Wishlist general settings tab\">\n\n\n\n<p><strong>Empty wishlist text<\/strong> is a text that will be shown to the user if there are no items in his wishlist;<\/p>\n\n\n\n<p>You can set the number of columns of the list in the <strong>Columns <\/strong>field that will be responsive to any of the chosen devices, compatible with Elementor Custom Breakpoint;<\/p>\n\n\n\n<p>The size of the title can be chosen in the <strong>Title HTML Tag<\/strong> drop-down menu;<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/09\/wishlist-content-options-2x.png\" alt=\"wishlist content option\">\n\n\n\n<ul>\n<li>Choose whether you want to <strong>Show Title <\/strong>of the product, its <strong>Title HTML Tag, Title Trim Type, <\/strong>and <strong>Title Words\/Letters Count<\/strong>;<\/li>\n\n\n\n<li>You can set the preferable size of the image in the <strong>Image Size<\/strong> dropdown menu and enable <strong>Image Overlay<\/strong>;<\/li>\n\n\n\n<li>In the <strong>Position<\/strong> dropdown list, you can choose where to place the thumbnail;<\/li>\n\n\n\n<li><strong>Show Rating<\/strong> by enabling this option and check <strong>Rating<\/strong> <strong>Icon <\/strong>that allows you to select a special style for the rating icon among 14 different styles. Remember that to showcase the rating, you should previously install and customize the <a href=\"https:\/\/crocoblock.com\/plugins\/jetreviews\/\" target=\"_blank\" rel=\"noopener noreferrer\"><em>JetReviews<\/em><\/a> plugin.<\/li>\n<\/ul>\n\n\n\n<p>As you know, the <strong>Style<\/strong> tab allows you to customize the general appearance of the products shown in the widget as well as certain elements: the Title, Price, Rating, etc. After you are done with the styling, don&#8217;t forget to click the &#8220;<strong>Update<\/strong>&#8221; or &#8220;<strong>Publish<\/strong>&#8221; button.<\/p>\n\n\n\n<p>This is it. Now you know the basic functionality of the wishlist widgets and know how to customize them.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we will dive into the settings of all three JetCompareWishlist plugin widgets \u2013 Wishlist, Wishlist Button, and Wishlist Count Button.<\/p>\n","protected":false},"author":8,"template":"","format":"standard","builder-category":[],"feature-category":[555],"article-category":[307],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to adjust Wishlist widgets settings in Elementor | Crocoblock<\/title>\n<meta name=\"description\" content=\"Check how to work with Wishlist functionality for the WooCommerce shop in the Elemenor page builder with the help of the JetCompareWishlist plugin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/wishlist-widgets-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to adjust Wishlist widgets settings in Elementor | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Check how to work with Wishlist functionality for the WooCommerce shop in the Elemenor page builder with the help of the JetCompareWishlist plugin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/features\/wishlist-widgets-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-04T14:01:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/wishlist-button.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/wishlist-widgets-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/wishlist-widgets-overview\/\",\"name\":\"How to adjust Wishlist widgets settings in Elementor | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-03-31T10:44:32+00:00\",\"dateModified\":\"2023-04-04T14:01:32+00:00\",\"description\":\"Check how to work with Wishlist functionality for the WooCommerce shop in the Elemenor page builder with the help of the JetCompareWishlist plugin.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/wishlist-widgets-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/features\/wishlist-widgets-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/wishlist-widgets-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Features\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Wishlist Widgets\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to adjust Wishlist widgets settings in Elementor | Crocoblock","description":"Check how to work with Wishlist functionality for the WooCommerce shop in the Elemenor page builder with the help of the JetCompareWishlist plugin.","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:\/\/crocoblock.com\/knowledge-base\/features\/wishlist-widgets-overview\/","og_locale":"en_US","og_type":"article","og_title":"How to adjust Wishlist widgets settings in Elementor | Crocoblock","og_description":"Check how to work with Wishlist functionality for the WooCommerce shop in the Elemenor page builder with the help of the JetCompareWishlist plugin.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/features\/wishlist-widgets-overview\/","og_site_name":"Help Center","article_modified_time":"2023-04-04T14:01:32+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/wishlist-button.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/wishlist-widgets-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/features\/wishlist-widgets-overview\/","name":"How to adjust Wishlist widgets settings in Elementor | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-03-31T10:44:32+00:00","dateModified":"2023-04-04T14:01:32+00:00","description":"Check how to work with Wishlist functionality for the WooCommerce shop in the Elemenor page builder with the help of the JetCompareWishlist plugin.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/wishlist-widgets-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/features\/wishlist-widgets-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/wishlist-widgets-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Features","item":"https:\/\/crocoblock.com\/knowledge-base\/features\/"},{"@type":"ListItem","position":3,"name":"Wishlist Widgets"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features\/38807"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/features"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/8"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=38807"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=38807"},{"taxonomy":"feature-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/feature-category?post=38807"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=38807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}