Quick Display Products Details Hover For WooCommerce


Quick Display Products Details Hover is a WordPress plugin designed to enhance the user experience on WooCommerce websites by allowing users to view product details via hover. It provides a convenient way for users to get quick insights into products without needing to navigate away from the current page.

This plugin adds a hover effect to product names, triggering a pop-up window that displays detailed information about the product, including its description, price, and other relevant details. Users can easily access this information by simply hovering over the product name.

In addition to the hover feature, Quick Display Products Details Hover also includes a PDF generator option. This allows users to generate PDFs containing product details for offline reference or sharing. The PDFs can be customized to include specific information and branding elements.

With Quick Display Products Details Hover, website owners can enhance the usability of their WooCommerce stores and provide users with a seamless browsing experience. Whether it’s quickly accessing product details or generating PDFs for offline use, this plugin offers a versatile solution for showcasing product information.


  1. After activating the plugin, navigate to WooCommerce -> Quick Display Products Details Hover in your WordPress dashboard.
  2. Click on Add New to create a new hover configuration.
  3. Enter a name for your configuration and save it.
  4. After saving, you will see a shortcode like [qdpdh_cptqpdh_shortcode post_id="97"]. Copy this shortcode.

Using the Shortcode

  1. Navigate to the WooCommerce product where you want to display the quick product details.
  2. Edit the product and scroll down to the Quick Display Products Details Hover metabox.
  3. Select the configuration name you created from the dropdown list in the metabox.
  4. Save the product.
  5. Paste the copied shortcode [qdpdh_cptqpdh_shortcode post_id="97"] into the product description or any other place where you want the quick product details to appear.

Customization Tips

  • Quickly Display Product Details Using Hover Settings:
    • Navigate to the settings page.
    • Choose which labels you do not want to show to your users by simply toggling the on/off switches.
    • Save your changes.
  • Video Tutorial: For a visual guide, watch the video below:

By following these steps, you can easily configure and customize the Quick Display Products Details Hover plugin to fit your WooCommerce store’s needs.






  • Ensure that WooCommerce is installed and activated on your WordPress site.

Using the WordPress Dashboard

  1. Navigate to ‘Plugins’ -> ‘Add New’.
  2. Search for ‘WooCommerce’ and install it if it’s not already installed.
  3. After installing WooCommerce, search for ‘Quick Display Products Details Hover For WooCommerce’.
  4. Click ‘Install Now’.
  5. Activate the plugin on the Plugin dashboard.


There are no reviews for this plugin.

Contributors & Developers

“Quick Display Products Details Hover For WooCommerce” is open source software. The following people have contributed to this plugin.