Components / Widgets
W
woo-wishlist-badge

Wishlist Badge

Show a live item count for the wishlist.

Setup steps

  1. Open the FramerWoo plugin and insert Wishlist Badge.
  2. Place this in a global navigation, utility bar, drawer, or reusable site section.
  3. Configure the component behavior in Framer's property panel.
  4. Style its default, responsive, loading, and empty states on canvas.
Wishlist Badge displayed in a Framer site header with its controls open in the property panel
Insert Wishlist Badge in a global navigation or header, then connect it to the shared wishlist store.

Property panel

Use Framer's controls to connect context and match your visual system.

Context
Controls the WooCommerce or CMS data source used by the component.
Content
Controls visible labels, values, formatting, and empty-state copy.
Style
Controls typography, colors, spacing, alignment, and responsive behavior.
Framer property controls for the Wishlist Badge component
Wishlist Badge controls for its label, zero-count visibility, shared store key, and style.
Wishlist Badge style controls showing colors, borders, badge position, sizing, and typography in Framer
Open Style to configure icon states, badge colors, position, sizing, and label typography.