Adding the Wishlist Button to Your Shop Page

Automatic Placement

The quickest way to show the wishlist button on your shop and category pages is to enable automatic archive placement under Settings, Wishlist, Button Placement. Once enabled, a compact heart icon appears on every product card without any further setup.

Using the Shortcode

If you want full control over where the button appears, use the shortcode and place it anywhere inside a product loop or template. You can also target a specific product by passing its ID into the shortcode.

Adding It to a Breakdance Template

If your shop is built with Breakdance, add a Shortcode element inside your product card or product loop and paste the same shortcode. Because the button reads the current product in the loop, it works automatically for every product the loop renders.

Troubleshooting

If the button doesn’t appear, confirm that WooCommerce is active and the product is published. If you use a caching plugin, clear the cache after changing placement settings so the new markup is served.