Quick Display Products Details Hover is a WordPress plugin designed to enhance the user experience on WooCommerce websites by allowing users to view p …

wpcustom.ca

<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>
<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>
<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>
<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’s quickly accessing product details or generating PDFs for offline use, this plugin offers a versatile solution for showcasing product information.</p>
<h3>Configuration</h3>
<ol>
<li>After activating the plugin, navigate to <strong>WooCommerce</strong> -> <strong>Quick Display Products Details Hover</strong> in your WordPress dashboard.</li>
<li>Click on <strong>Add New</strong> to create a new hover configuration.</li>
<li>Enter a name for your configuration and save it.</li>
<li>After saving, you will see a shortcode like <code>[qdpdh_cptqpdh_shortcode post_id="97"]</code>. Copy this shortcode.</li>
</ol>
<h3>Using the Shortcode</h3>
<ol>
<li>Navigate to the WooCommerce product where you want to display the quick product details.</li>
<li>Edit the product and scroll down to the <strong>Quick Display Products Details Hover</strong> metabox.</li>
<li>Select the configuration name you created from the dropdown list in the metabox.</li>
<li>Save the product.</li>
<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>
</ol>
<h3>Customization Tips</h3>
<ul>
<li><strong>Quickly Display Product Details Using Hover Settings:</strong>
<ul>
<li>Navigate to the settings page.</li>
<li>Choose which labels you do not want to show to your users by simply toggling the on/off switches.</li>
<li>Save your changes.</li>
</ul>
</li>
<li><strong>Video Tutorial:</strong> For a visual guide, watch the video below:</li>
</ul>
<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>By following these steps, you can easily configure and customize the Quick Display Products Details Hover plugin to fit your WooCommerce store’s needs.</p>
<h3>Contributors</h3>
<p>wpcustomca</p>


Alternatives to Quick Display Products Details Hover For WooCommerce

Top alternatives