ItayXD

tooltips are used to present a tiny amount of hidden content (mainly explanatory, so-called tips), that pops up when user moves a cursor over or clicks (less common) on a special target.
<h3>Key Features</h3>
<ul>
<li>It’s responsive. It relies on a maximum width value when viewed on large screens, adopts to narrow environments and picks the best viewable position relatively to the target (top, bottom; left, center, right).</li>
<li>It’s mobile-friendly. It pops up when a call-to-action button is tapped and disappears when tapped on the tooltip itself.</li>
<li>It’s HTML formatting capable. Need to write some words in italic or so? No problem, this will work out.</li>
<li>It’s extremely easy to use: A tooltip button in added to the default WordPress editor, all you have to do it click it and fill the pop-up dialog, the rest is taken care of automatically.</li>
</ul>
<h3>Advance</h3>
<ul>
<li>The button adds a WordPress short-code, if you want the tip to be HTML formated (avoid block level elements) you can just wrap it with [tooltip tip=””][/tooltip] in tinyMCE.</li>
<li>You can also assign the attribute rel=”tooltip” and title=”Enter your tip here” to any of body tags in HTML file where you want the tooltip to pop up when called.</li>
<li>You can change the pop-up look by editing responsive-tooltip.css. change it to what ever suits your website best!</li>
</ul>

Responsive Mobile-Friendly Tooltip

A WordPress plugin that helps you create responsive and mobile-friendly tooltip to present tiny amount of hidden content - the tip.

WPaladin

Sidebar Category Tabs for WooCommerce is an interactive product tab solution designed specifically for WooCommerce stores. It features mobile-friendly, scrollable tabs with flick gestures to showcase product categories and enhance user interaction. <a href="https://wsct.lovestoblog.com/" rel="nofollow ugc">Live Demo</a>
Key Features:
<ul>
<li>Sidebar Navigation: Displays WooCommerce product categories as tabs in a sidebar.</li>
<li>Customizable Design: Add custom CSS for styling to match your theme.</li>
<li>AJAX Loading: Dynamically load products without refreshing the page for a smooth user experience.</li>
<li>Support types of product: Supports simple, variable product types.</li>
<li>Mobile-Friendly: Scrollable tabs with flick gestures for excellent mobile usability.</li>
</ul>
<h4>Shortcode Usage</h4>
Use the following shortcode to display the category tabs:
<pre><code>[wsct_woocommerce_sidebar_category_tabs]
</code></pre>
Shortcode Attributes:
<ul>
<li>card_height: (Optional) Sets the height of the product cards in pixels. Default is <code>400px</code>.</li>
<li>default_category: (Optional) Specifies the default category to display when the tabs load. Use the category ID. Default is the first category.</li>
</ul>
Example: 
 [wsct_woocommerce_sidebar_category_tabs card_height=”500″ default_category=”12″]

Sidebar Category Tabs for WooCommerce

Interactive product category tabs in a sidebar for WooCommerce with mobile-friendly, scrollable tabs and AJAX loading.

Responsive Mobile-Friendly Tooltip vs Sidebar Category Tabs for WooCommerce