Add Like Button With Count To WooCommerce Product Images

This code enables you to add a button to your product images using WooCommerce. You can :

  • Add a like, love, wishlist, favorite, bookmark or custom button html to your product images
  • Show the amount ( count ) of likes for each product
  • Style your buttons using any colors

Demo Video

Shows the settings needed to add the buttons with count to your products images on WooCommerce shop page archives.

Works in any WordPress theme.

Installation

There’s 3 steps :

  1. Copy and paste the PHP code to the end of your child themes functions file.
  2. Copy and paste the CSS to the end of your child themes style.css file.
  3. Install the favorites for WordPress plugin by Kyle Phillips and configure the settings to apply to media. Go to Favorites Settings > Display and Post Types > Enabled Favorites for : Media.

Download Folder

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.