[WordPress] 外掛分享： Quick Display Products Details Hover For WooCommerce

內容簡介

Quick Display Products Details Hover 是一款專為 WooCommerce 網站設計的 WordPress 外掛，透過滑鼠懸停顯示產品詳細資訊，提升用戶體驗。用戶無需離開當前頁面，即可快速獲取產品描述、價格等重要資訊。

【主要功能】
• 懸停顯示產品詳細資訊
• 自訂顯示的產品欄位
• 使用短碼輕鬆嵌入
• 方便的設定選項
• 支援多種產品群組

外掛標籤

開發者團隊

原文外掛簡介

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.
With Quick Display Products Details Hover, website owners can enhance the usability of their WooCommerce stores and provide users with a seamless browsing experience. Store managers can choose which product fields appear, customize labels, build reusable product groups, and place them using shortcodes.
Configuration

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

Using the Shortcode

Navigate to the WooCommerce product where you want to display the quick product details.
Edit the product and scroll down to the Quick Display Products Details Hover metabox.
Select the configuration name you created from the dropdown list in the metabox.
Save the product.
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.