Header icon & widget

A wishlist icon with a live item count in your theme's header, and a wishlist preview for sidebars and other widget areas.

ProHeader Wishlist Icon · Advanced
  • The heart with a red count badge, just left of the cart icon

Header icon settings

Enable the header wishlist icon
Default Off

Anchor selector

A CSS selector for an element in your header, e.g. .cart-icon or #site-header .search-toggle. The icon sits just to its left. Blank tries common cart icons and header areas.

Hide theme's own icon

A selector for a wishlist icon your theme already shows, so visitors don't see two.

Icon · Custom icon
Default Heart

The same 10 hearts as the button, or Custom (upload). Custom icon appears only then: a small square image (SVG or PNG recommended).

Show the item count badge
Default On

Hidden at 0.

Also show a wishlist link and count in the WordPress admin bar
Default Off

Adds "Wishlist (N)", linking to the wishlist page, to the WordPress admin bar on the storefront only (not in wp-admin). Needs the header icon enabled. The admin bar is only visible to signed-in users who can see it.

Icon color · Count badge background · Count badge text
Default #111111 · #c41e3a · #ffffff

How it's placed

Once enabled, the icon is added to every page automatically (at the top of the page, through the theme's wp_body_open hook) and then moved into place:

  1. Next to the element in Anchor selector, if found.
  2. Otherwise next to a common cart icon (the Siteryn Mini Cart, the WooCommerce Mini-Cart block, .cart-contents, .header-cart…).
  3. Otherwise inside a common header area (#masthead, .site-header…).
  4. If none is found, it stays hidden rather than appearing in the wrong place: set an Anchor selector.

If your theme doesn't fire wp_body_open, print it in the header with [siteryn_wishlist_header] (no attributes; also listed in this tab's sidebar) or the PHP function \SiterynPro\SiterynWishlist\siteryn_wishlist_pro_header_icon() (include the namespace); it's then moved to the same anchor. The count updates live, and the icon links to the wishlist page.

Wishlist widget

Enable the wishlist widget
Default Off

Advanced → Wishlist Widget.

Then add Siteryn Wishlist (Pro) to a widget area (Appearance → Widgets; in block widget areas it's under Legacy Widget). Options: Title (default "My Wishlist"), Maximum items to show (5, up to 20) and Show price. It lists the visitor's wishlist items as links, updates live, and shows "Your wishlist is empty." when empty.