Wishlist for WooCommerce - Icon

Wishlist for WooCommerce

⌘K
  1. Home
  2. /
  3. Docs
  4. /
  5. Wishlist for WooCommerce
  6. /
  7. Pro Features
  8. /
  9. Customize Wishlist Button...

Customize Wishlist Button Position on Product Pages Using Custom Hooks

In our WooCommerce Wishlist Pro plugin, we offer a powerful feature that allows you to effortlessly set the position of the wishlist button on product pages using custom hooks. This feature is especially handy for those who want to integrate the wishlist button seamlessly into their store layout. Here’s a step-by-step guide on how to do it:

pasted image 0 2 2

pasted image 0 10

Step 1: Navigate to WooCommerce Wishlist Settings

  1. Log in to your WordPress dashboard.
  2. Locate and click on “WooCommerce” in the left-hand menu.
  3. Find the “Wishlist” tab and click on it.

 Step 2: Access the Button Settings

  1. Within the Wishlist settings, locate and click on the “Button” tab.
  2. Under the “Button” tab, you’ll find various options related to the wishlist button.
  3. Look for the “Custom Hook” option.

pasted image 0 1 2

Step 3: Add Custom Hook

  1. Add the desired custom hook, for example, “woocommerce_share.”
  2. Visit URL for more Hooks 

          https://www.businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/

 Step 4: Save Changes

  1. Don’t forget to save your changes.

Now, the wishlist button will be repositioned on the product page, utilizing the custom hook you specified. This feature provides you with the flexibility to integrate the wishlist button seamlessly into your WooCommerce store layout.