{"id":438872,"date":"2024-06-06T08:00:00","date_gmt":"2024-06-06T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/quick-products-details-for-woocommerce\/"},"modified":"2025-08-22T17:17:00","modified_gmt":"2025-08-22T17:17:00","slug":"quick-products-details-for-woocommerce","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/quick-products-details-for-woocommerce\/","title":{"rendered":"Quick Display Products Details Hover For WooCommerce"},"content":{"rendered":"<p>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.<\/p>\n<p>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.<\/p>\n<p>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.<\/p>\n<p>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\u2019s quickly accessing product details or generating PDFs for offline use, this plugin offers a versatile solution for showcasing product information.<\/p>\n<h3>Configuration<\/h3>\n<ol>\n<li>After activating the plugin, navigate to <strong>WooCommerce<\/strong> -> <strong>Quick Display Products Details Hover<\/strong> in your WordPress dashboard.<\/li>\n<li>Click on <strong>Add New<\/strong> to create a new hover configuration.<\/li>\n<li>Enter a name for your configuration and save it.<\/li>\n<li>After saving, you will see a shortcode like <code>[qdpdh_cptqpdh_shortcode post_id=\"97\"]<\/code>. Copy this shortcode.<\/li>\n<\/ol>\n<h3>Using the Shortcode<\/h3>\n<ol>\n<li>Navigate to the WooCommerce product where you want to display the quick product details.<\/li>\n<li>Edit the product and scroll down to the <strong>Quick Display Products Details Hover<\/strong> metabox.<\/li>\n<li>Select the configuration name you created from the dropdown list in the metabox.<\/li>\n<li>Save the product.<\/li>\n<li>Paste the copied shortcode <code>[qdpdh_cptqpdh_shortcode post_id=\"97\"]<\/code> into the product description or any other place where you want the quick product details to appear.<\/li>\n<\/ol>\n<h3>Customization Tips<\/h3>\n<ul>\n<li><strong>Quickly Display Product Details Using Hover Settings:<\/strong>\n<ul>\n<li>Navigate to the settings page.<\/li>\n<li>Choose which labels you do not want to show to your users by simply toggling the on\/off switches.<\/li>\n<li>Save your changes.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Video Tutorial:<\/strong> For a visual guide, watch the video below:<\/li>\n<\/ul>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"851\" height=\"480\" src=\"https:\/\/www.youtube.com\/embed\/VkWug2G0wmg?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/p>\n<p>By following these steps, you can easily configure and customize the Quick Display Products Details Hover plugin to fit your WooCommerce store\u2019s needs.<\/p>\n<h3>Contributors<\/h3>\n<p>wpcustomca<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quick Display Products Details Hover is a WordPress plugin designed to enhance the user experience on WooCommerce websites by allowing users to view p \u2026<\/p>\n","protected":false},"author":65,"featured_media":438873,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Quick Display Products Details Hover For WooCommerce - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"Quick Display Products Details Hover is a WordPress plugin designed to enhance the user experience on WooCommerce websites by allowing users to view p \u2026"},"footnotes":""},"categories":[1],"tags":[55491,55492],"class_list":["post-438872","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-quick-display-products-details-hover","tag-woocommerce-management-products-details-hover"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/438872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=438872"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/438872\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/438873"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=438872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=438872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=438872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}