Home › View all posts by wordpress tooltips › Page 9

Load the admin.css file for the WordPress Tooltips plugin in the wp-admin area only when the current screen belongs to the plugin, improved woocommerce tooltips, wordpress tooltips pro plus 35.7.8 released

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

Dear wordpress tooltips plugin users, I hope this message finds that you are doing well and having wonderful days with your family 🙂  We’ve received some fantastic suggestions from one of our amazing users, and we’re excited to announce the release of WordPress Tooltips Pro 35.7.8 and WordPress Tooltips Free 10.7.3. These updates include new features based on your requests.

1: The great tooltip user told us:

Salient theme typography panel: the admin interface under Salient : typography becomes broken and misaligned when tooltips is activate.

We reviewed the core theme’s code and found is includes a .tooltip class, which conflicts with the .tooltip class in our admin.css file. We have rewrite our wordpress tooltips plugin like this way:

In the new version, the WordPress Tooltips plugin will only load the admin.css file in the wp-admin area when the current screen belongs to the plugin. This change will help avoid any conflicts with other themes or plugins.

2: Improved woocommerce tooltips in WordPress Tooltips pro plus 35.7.8

WooCommerce Tooltips serve as a powerful tool for enhancing the user experience in online stores. They allow merchants to present detailed product information such as videos, audio clips, images, text, QR codes, and FAQs, thus helping to engage customers and drive sales.

WooCommerce Tooltip adds pretty tooltip effects to product descriptions and short descriptions, woocommerce product archive, woocommerce product title, woocommerce product tags…etc, for example, Tooltips on WooCommerce Product Attribute:

 

tooltips for woocommerce product additional information

Key Features:

    1. Multimedia Support:
      • Ability to add video tooltips for product demonstrations.
      • Support for audio tooltips to provide additional product information.
      • Image tooltips to showcase images related to products.
    2. Enhanced Customization:
      • 50 customizable style options for tooltips, including:
        • Font color
        • Border color
        • Background color
        • Tooltip position and alignment
        • Tooltip opacity
        • Text size and other visual styling options.
    3. Interactive Content:
      • Support for including QR codes and coupon codes directly within tooltips.
      • Use of tooltip effects such as rotation, fade in/out, and progressive display.
    4. Enhanced User Experience:
      • Tooltips for product attributes to provide detailed information (e.g., material specifications).
      • Custom tooltips on product titles and descriptions to quickly convey important information.
      • Reduction of Customer Inquiries: By providing additional product information through tooltips, the need for customer support inquiries can be minimized.
      • Engagement: Tooltips can enhance the shopping experience, fostering customer trust and encouraging purchases.
    5. Ease of Use:
      • Simple installation and activation process through the WordPress dashboard.
      • Intuitive settings panel for easy customization.
      • Ease of Installation & Use: Setting up tooltips is straightforward through the WooCommerce dashboard, requiring just a few clicks.
    6. Dynamic Display Options:
      • Multiple tooltips can be integrated into product pages without overcrowding with large videos.
      • Responsive design that works well on mobile devices.
    7. Directory Functionality:
      • Create a WooCommerce product directory to facilitate product browsing and comparisons. It looks like this:
        1 2
        Wordpress Tooltips Plugin Free
        Price: $0.00
        Category: WordPress Tooltips Plugins WooCommerce Tooltip
        Responsive Wordpress Tooltips: Tooltips are small popup box with more information like video / audio / image / google maps / QR code / wiki / text… and so, tooltips box will pop up when users hover over an element in your pages, the element can be a word in your post, a search form input box, an image in your page, a widget on your sidebar,  title / tag / excerpt / gallery / menu / image / video / audio / social / link ..tcOpen Source License: GPLv3 or laterTested up to: Wordpress 6.8.3Wordpress Tooltips Versions: 10.7.9
        Wordpress Tooltips Pro Plugin (Version 20.8.4 ) With Single Site License and One Time Payment With Unlimited Upgrade
        Price: $9.90
        Category: WordPress Tooltips Plugins Tooltips Pro Plugin
        Lifetime Upgrades, Unlimited Download, one domain, Ticket SupportWordpress Tooltips Pro Plugin, support Video Tooltip, Audio Tooltips, Image Tooltip, QR-Code Tooltips, WooCommerce Tooltips,  Youtube Tooltip, Contact Form Tooltips, Table Tooltips buddypress tooltips, bbpress tooltips  ... and much more!Additionally, enjoy features like Toolips Glossary,  Bullets Screen ...and much more!Ask a Pre-Sales Question?Note: You can Buy Tooltips Plugin Via Credit Card or Debit Card Without Paypal Account, if you do not want to use paypal, please contact us to get other payment method
        WordPress Tooltips Pro Plus Plugin (Version 36.3.8) – Powerful Features, 21 Add-ons, Multi-Site License, One-Time Payment, Unlimited Upgrades
        Price: $32.00
        Category: WordPress Tooltips Plugins Tooltips Pro Plugin
        ❤️ Made with Love since 2008WordPress Tooltips Pro Plus is the #1 complete tooltip, glossary, and directory suite for WordPress — trusted by 20,000+ sites.Instantly add smart tooltips, interactive glossaries, video/audio popups, and full directory systems to any WordPress site with zero coding.Perfect for blogs, WooCommerce stores, documentation sites, LMS platforms, medical/educational websites, enterprise portals, and multilingual projects.What makes it special?✔️ Beautiful, mobile-friendly tooltip popups ✔️ AI-enhanced editor (ChatGPT-ready) ✔️ Full Glossary System with search, pagination & templates ✔️ Multimedia support (YouTube, audio, SVG, random Unsplash images) ✔️ WooCommerce tooltips for titles, attributes & product tabs ✔️ Directory builder for ANY post type or custom table ✔️ Optimized for speed & SEO ✔️ Works with Gutenberg, Elementor, Divi, Beaver Builder, Brizy, ACF, CF7, bbPress, BuddyPress, wpDataTables, TablePress & more ...The most powerful and complete tooltip solution for WordPress — everything in one plugin.One Time Payment, Lifetime Upgrades , Unlimited Download , Unlimited Domain , Multiple-Site license, Ticket Support, Video Tutorial, Detailed Document.
        1 2
    8. Shortcodes:
      • Ability to use shortcodes to integrate tooltips anywhere within WooCommerce product descriptions or pages.
    9. SEO-Friendly:
      • Tooltip content is optimized for search engines, enhancing overall site SEO performance.
    10. Regular Updates:
      • Ongoing enhancements and feature requests are considered for continuous improvement of the plugin.
    11. Additional Add-ons:
      • Compatibility with other add-ons like BuddyPress, bbPress, and Advanced Custom Fields (ACF).

  • Conclusion

    These features make the WooCommerce Tooltip Plugin a versatile and powerful tool for enhancing customer engagement and ultimately driving sales in an online store.

Benefits:

  • Boost Sales: Engaging tooltips can lead to higher conversion rates.
  • Dynamic Presentation: By incorporating visual effects, tooltips stand out, attracting customer attention.
  • Improved Shopping Experience: Customers can find relevant information quickly without navigating away from the product page.

Installation Steps:

  1. Download and activate the WooCommerce Tooltip plugin.
  2. Enable necessary add-ons for product tooltips within the plugin settings.
  3. Customize tooltip settings to fit your store’s branding.

Conclusion:

WooCommerce Tooltips are an essential addition for any online store aiming to differentiate itself from competition and enhance customer engagement. By delivering in-depth product insights, they effectively support the sales process and enrich the shopping experience. For implementation, visit the WooCommerce Tooltips Plugin page to get started.

Tagged with: , ,

Optimiertes Laden von CSS / JAVASCRIPT für das WordPress Tooltips-Plugin, Veröffentlichung des WordPress Tooltips Pro Plus-Plugins 36.5.8

Posted on by wordpress tooltips Posted in Wordpress Tooltip Glossary Plugin Dokumentation(German) — No Comments ↓

Liebe Nutzer des WordPress tooltip Plugins, wir hoffen, es geht Ihnen gut und dass Sie schöne Momente mit Ihrer Familie genießen. Kürzlich haben wir interessante Vorschläge für neue Funktionen von einem talentierten WordPress-Entwickler erhalten, die unser Interesse geweckt haben. Unser Entwicklerteam arbeitet hart daran, diese Ideen so schnell wie möglich umzusetzen.

Grüße vom Tooltip-Team,
vielen Dank für Ihr schnelles Feedback zur Aktualisierung auf Version 35.5.8 und für Ihre anhaltende Unterstützung. Ich verwende das Tooltips Pro Plus-Plugin für meine Website, die auf dem Salient-Theme (und WPBakery) basiert.

Problem: Die Tooltips auf dem Frontend laden CSS-Stile, die mit Bootstrap/Awesome/reset + admin.css verbunden sind, was das benutzerdefinierte Grid von Salient überlagert und Konflikte mit dem Font Awesome-Team verursacht.
Es gibt Konflikte mit Font Awesome (das Thema/Team verwendet die FA6-Version, während das Plugin eine andere Version von FA hinzufügt, was dazu führt, dass Kommunikationssymbole als leere Kästchen angezeigt werden oder Icon-Fehler auftreten).

Lösung A:

Ich habe das WordPress Tooltip-Plugin folgendermaßen geändert:

  1. Überprüfen, ob jede geladene/entfernte Stile auf die Bootstrap/font-awesome-Strings bezogen ist.
  2. Wenn das Theme oder andere Plugins bereits geladen sind, sofort die Funktion stoppen, um das Laden von benutzerdefiniertem Bootstrap/font-awesome aus dem WordPress Tooltip-Plugin zu vermeiden.
  3. Andernfalls lädt das WordPress Tooltip-Plugin sein eigenes Bootstrap/font-awesome.

Unser Code ist wie folgt:

$enableBootstrapCSS = get_option('enableBootstrapCSS');
if ($enableBootstrapCSS == 'NO') {

} else {

global $wp_styles;
$bs_handles = array(
'bootstrap',
'bootstrap-css',
'bootstrap-style',
'bootstrap5',
'bootstrap-5',
'bootstrap4',
'bootstrap-4',
'tb-bootstrap',
'theme-bootstrap',
'font-enableBootstrapCSS',
'enableBootstrapCSS',
);
foreach ( $bs_handles as $hdl ) {
if ( wp_style_is( $hdl, 'registered' ) || wp_style_is( $hdl, 'done' ) ) {
return;
}
}

$needles = array( 'bootstrap', 'bootstrap.min.css' );
foreach ( array_merge( $wp_styles->done, $wp_styles->queue ) as $done_or_queued ) {
$obj = $wp_styles->registered[ $done_or_queued ] ?? false;
if ( ! $obj ) {
continue;
}
$src = $obj->src ?? "";
foreach ( $needles as $n ) {
if ( stripos( $src, $n ) !== false ) {
return;
}
}
}

wp_enqueue_script('bootstrap', plugin_dir_url( __FILE__ ) . 'js/bootstrap/bootstrap.min.js', array('jquery'), '5.0', true);
}

Eine weitere funktionale Anforderung:

Wir müssen das Problem der Tooltips beheben, die sich auf mobilen Bildschirmen bewegen (Tooltips überdecken den Inhalt an den Seiten).

Stabilisierungsschritte:

A) Stoppen Sie das Laden von Stilen aus dem Plugin, die nicht im Frontend sein sollten.
Wir haben die Tooltips-Ressourcen, die Konflikte verursacht haben, entfernt/reduziert (admin.css, skin ionRangeSlider, bootstrap/awesome/reset). Minimalziel:

Lösung B:

Ich habe den Code des WordPress Tooltip-Plugins sorgfältig analysiert. Frühere Versionen luden nur admin.css und skin ionRangeSlider im Panel, wodurch sie im Frontend nicht geladen wurden. Der Code ist folgendermaßen organisiert:

add_action('admin_head', 'tooltips_pro_admin_css');

add_action('admin_head', 'tooltips_admin_rangeslider_css_js');

Eine weitere funktionale Anforderung:
B) Laden Sie FA6 nur einmal (vermeiden Sie Wiederholungen im Frontend).
Diese Lösung wird die Probleme mit den Icons beheben (frühere Versionen shim in fa-* Kategorien sind verfügbar).

Lösung C:

Diese Herausforderung wurde in Lösung A angesprochen.

Funktionale Anforderung:
Es wäre großartig, dies in Ihr Plugin zu implementieren.

Isolierung von Ressourcen/extreme Fälle:

  • Laden Sie das CSS des Themas für das Backend nicht im Frontend (is_admin()).
    Abgeschlossen.
  • Bieten Sie die Möglichkeit, Bootstrap/Font Awesome auszuwählen (nicht genehmigt als Standardkonfiguration). Bieten Sie 3 Optionen in den Einstellungen an:

    A) Laden Sie das Icon-Team nicht (verwenden Sie das Team des Themas),
    B) Laden Sie FA6 (core/brands/solid),
    C) Laden Sie nur ältere Versionen von shim fa.
    Abgeschlossen. Die ältere Version verwendet noch FA6.5 und das Tooltip-Plugin ist in FA6.4.

  • Laden Sie den Stil ionRangeSlider im Frontend nur, wenn der Slider nicht sichtbar ist.
    Abgeschlossen.
  • Die Namen der Stile sollten einzigartig und spezifisch sein.
    Fügen Sie jedem Plugin-Option einen einzigartigen Root-Namen hinzu (z. B. .tooltips-pro …) und vermeiden Sie die Verwendung von zu allgemeinen Selektoren wie .row, .col, .btn, i, .icon, strong.
    Abgeschlossen. Wir können keine allgemeinen Selektoren wie .row, .col, .btn, i, .icon, strong verwenden.
  • Verwenden Sie wann immer möglich Stile, die Bootstrap ähnlich sind, Grenze: .tooltips-pro .btn { … } nicht .btn { … }
    Abgeschlossen.
  • Laden Sie nur, wenn es absolut notwendig ist.
    Fügen Sie Ressourcen nur dann im Frontend hinzu, wenn Tooltips bereits auf der Seite vorhanden sind (überprüfen Sie den Shortcode/den Inhalt oder verwenden Sie ein Serverskript).

Obwohl wir Funktionen im Zusammenhang mit Tooltip unterstützen (Menü im Tooltip, Verwendung des Alternativtextes von Bildern als Tooltip, und Tooltip für Kontaktformularfelder usw.), haben wir noch keine einfache Lösung für dieses Bedürfnis gefunden. Wir entschuldigen uns dafür.

Kompatibilität mit Font Awesome:
Wenn Sie Font Awesome ändern, verwenden Sie bitte FA6 und dokumentieren Sie dies. Vermeiden Sie den Import älterer Versionen von FA in FA6, um Icon-Probleme zu vermeiden. Die Verwendung von SVGs als Icons in der Benutzeroberfläche ist eine gute Methode, um Abhängigkeiten von FA vollständig zu eliminieren.
Abgeschlossen. Die ältere Version verwendet noch FA6.5 und das Tooltip-Plugin ist in FA6.4.

Vielen Dank für die großartigen Vorschläge, und wenn Sie weitere funktionale Anforderungen haben, zögern Sie bitte nicht, uns zu kontaktieren. Wir hoffen, dass wir diese für Sie umsetzen können

Vielen Dank. Wir wünschen Ihnen schöne Momente mit Ihrer Familie

Mit besten Grüßen,

Das Support-Team des WordPress Tooltip-Plugins

Wenn Sie sonst noch etwas benötigen oder Änderungen haben möchten, lassen Sie es mich bitte wissen!

today at 8:56 AM

Tagged with:

Încărcare optimizată de CSS / JAVASCRIPT pentru pluginul WordPress Tooltips, lansarea pluginului WordPress Tooltips Pro Plus 36.5.8

Posted on by wordpress tooltips Posted in Document Plugin Tooltip pentru Wordpress(Romanian) — No Comments ↓

Dragi utilizatori ai pluginului WordPress tooltip, Sperăm că vă simțiți bine și că vă bucurați de momentele petrecute alături de familie. Recent, am primit sugestii interesante privind noi funcționalități de la un talentat dezvoltator WordPress, care ne-au atras atenția. Echipa noastră de dezvoltare lucrează din greu la aceste idei pentru a le implementa cât mai curând posibil.

Salutări din partea echipei Tooltips,
Vă mulțumim pentru reacția rapidă în legătură cu actualizarea la versiunea 35.5.8 și pentru sprijinul continuu. Utilizez pluginul Tooltips Pro Plus pentru site-ul meu, care este bazat pe tema Salient (și WPBakery).

Problemă: Tooltips-urile de pe front-end încarcă stiluri CSS legate de Bootstrap/Awesome/reset + admin.css, ceea ce acoperă grila personalizată a Salient și creează conflicte cu echipa de Font Awesome.
Există conflicte cu Font Awesome (tema/echipa folosește versiunea FA6, în timp ce pluginul adaugă o altă versiune de FA, ceea ce face ca icoanele de comunicare să apară ca pătrate goale sau să genereze erori de icoane).

Soluția A:

Am modificat pluginul WordPress Tooltip astfel:

  1. Verificăm dacă fiecare stil încărcat/înlăturat este legat de șirul Bootstrap/font-awesome.
  2. Dacă tema sau alte pluginuri sunt deja încărcate, opriți imediat funcția pentru a evita încărcarea Bootstrap/font-awesome personalizat din pluginul WordPress Tooltip.
  3. Altfel, pluginul WordPress Tooltip va încărca propriul său Bootstrap/font-awesome.

Codul nostru este următorul:

$enableBootstrapCSS = get_option('enableBootstrapCSS');
if ($enableBootstrapCSS == 'NO')
{

}
else
{

global $wp_styles;
$bs_handles = array(
'bootstrap',
'bootstrap-css',
'bootstrap-style',
'bootstrap5',
'bootstrap-5',
'bootstrap4',
'bootstrap-4',
'tb-bootstrap',
'theme-bootstrap',
'font-enableBootstrapCSS',
'enableBootstrapCSS',
);
foreach ( $bs_handles as $hdl ) {
if ( wp_style_is( $hdl, 'registered' ) || wp_style_is( $hdl, 'done' ) ) {
return;
}
}

$needles = array( 'bootstrap', 'bootstrap.min.css' );
foreach ( array_merge( $wp_styles->done, $wp_styles->queue ) as $done_or_queued ) {
$obj = $wp_styles->registered[ $done_or_queued ] ?? false;
if ( ! $obj ) {
continue;
}
$src = $obj->src ?? "";
foreach ( $needles as $n ) {
if ( stripos( $src, $n ) !== false ) {
return;
}
}
}

wp_enqueue_script('bootstrap', plugin_dir_url( __FILE__ ) . 'js/bootstrap/bootstrap.min.js', array('jquery'), '5.0', true);
}

Altă cerință funcțională:

Trebuie să rezolvăm problema tooltips-urilor care se mișcă pe ecranele mobile (tooltips-urile acoperă conținutul pe laturi).

Pași pentru stabilizare:

A) Oprirea încărcării stilurilor din plugin care nu ar trebui să fie pe front-end.
Am eliminat/reduse resursele Tooltips care cauzau conflicte (admin.css, skin ionRangeSlider, bootstrap/awesome/reset). Obiectiv minim:

Soluția B:

Am analizat cu atenție codul pluginului WordPress Tooltip. Versiunile anterioare nu încărcau decât admin.css și skin ionRangeSlider în panou, împiedicându-le să se încarce pe front-end. Codul este organizat astfel:

add_action('admin_head', 'tooltips_pro_admin_css');

add_action('admin_head', 'tooltips_admin_rangeslider_css_js');

Altă cerință funcțională:
B) Încărcați FA6 o singură dată (eliminați repetările pe front-end).
Această soluție va rezolva problemele cu icoanele (versiunile anterioare shim în categoriile fa-* sunt disponibile).

Soluția C:

Această provocare a fost abordată în Soluția A.

Cerință funcțională:
Ar fi minunat să implementați aceasta în pluginul dumneavoastră.

Izolarea resurselor/cazuri extreme:

  • Nu încărcați CSS-ul temei pentru back-end pe front-end (is_admin()).
    Finalizat.
  • Oferiți opțiunea de a selecta Bootstrap/Font Awesome (fără aprobat ca configurație implicită). Oferiți 3 opțiuni în configurare:

    A) Nu încărcați echipa de icoane (folosiți echipa temei),
    B) Încărcați FA6 (core/brands/solid),
    C) Încărcați doar versiunile anterioare de shim fa.
    Finalizat. Versiunea anterioară folosește încă FA6.5 și pluginul Tooltip este în FA6.4.

  • Încărcați stilul ionRangeSlider pe front-end numai dacă slider-ul nu este vizibil.
    Finalizat.
  • Numele stilurilor trebuie să fie unice și specifice.
    Adăugați un nume rădăcină unic (de exemplu: .tooltips-pro …) la toate opțiunile din plugin și evitați utilizarea selectorilor prea generali precum .row, .col, .btn, i, .icon, strong.
    Finalizat. Nu putem folosi selectori generali precum .row, .col, .btn, i, .icon, strong.
  • De fiecare dată când este posibil, utilizați stiluri similare cu Bootstrap, limită: .tooltips-pro .btn { … } nu .btn { … }
    Finalizat.
  • Încărcați doar dacă este absolut necesar.
    Adăugați resurse pe front-end doar când tooltips-urile sunt deja prezente pe pagină (verificați shortcode-ul/conținutul sau folosiți o etichetă a serverului).

Deși susținem funcții legate de Tooltip (meniu în Tooltip, folosirea textului alternativ al imaginilor ca tooltip, și Tooltip pentru câmpurile de formular de contact etc.), nu am găsit încă o soluție simplă pentru această nevoie. Ne cerem scuze pentru acest lucru.

Compatibilitate cu Font Awesome:
Dacă schimbați Font Awesome, vă rugăm să folosiți FA6 și să documentați. Evitați importul versiunilor anterioare de FA în FA6 pentru a evita problemele cu icoanele. Utilizarea SVG-urilor ca icoane integrate în interfața utilizatorului este o metodă bună pentru a elimina complet dependențele de FA.
Finalizat. Versiunea anterioară folosește încă FA6.5 și pluginul Tooltip este în FA6.4.

Vă mulțumim sincer pentru sugestiile excelente și dacă aveți alte cerințe funcționale, nu ezitați să ne contactați. Sperăm să le putem implementa pentru dumneavoastră

Mulțumesc. Sperăm să aveți momente frumoase alături de familie

Cu sinceritate,

Echipa de suport a pluginului WordPress Tooltip

Chargement optimisé de CSS / JAVASCRIPT pour le plugin WordPress Tooltips, publication du plugin WordPress Tooltips Pro Plus 36.5.8

Posted on by wordpress tooltips Posted in Document sur le plugin WordPress Tooltip(French) — No Comments ↓

Chers utilisateurs du plugin WordPress tooltip, Nous espérons que vous allez tous bien et que vous profitez d’un bon moment en famille. Récemment, nous avons reçu des suggestions passionnantes de nouvelles fonctionnalités d’un développeur WordPress talentueux qui ont attiré notre attention. Notre équipe de développement travaille dur sur ces idées afin de les mettre en œuvre dès que possible.

Salutations de l’équipe Tooltips,
Nous vous remercions pour votre réaction rapide concernant la mise à jour vers la version 35.5.8 et pour votre soutien continu. J’utilise le plugin Tooltips Pro Plus pour mon site, qui est basé sur le thème Salient (et WPBakery).

Problème : Les tooltips sur le front-end chargent des styles CSS liés à Bootstrap/Awesome/reset + admin.css, ce qui couvre la grille personnalisée de Salient et crée des conflits avec l’équipe de Font Awesome.
Il y a des conflits avec Font Awesome (le thème/l’équipe utilise la version FA6, tandis que le plugin ajoute une autre version de FA, ce qui fait que les icônes de communication apparaissent comme des cases vides ou génèrent des erreurs d’icônes).

Solution A :

J’ai modifié le plugin WordPress Tooltip comme suit :

  1. Vérifier si chaque style chargé/retiré est lié à la chaîne Bootstrap/font-awesome.
  2. Si le thème ou d’autres plugins sont déjà chargés, arrêter immédiatement la fonction pour éviter de charger le Bootstrap/font-awesome personnalisé du plugin WordPress Tooltip.
  3. Sinon, le plugin WordPress Tooltip chargera son propre Bootstrap/font-awesome.

Notre code est le suivant :

$enableBootstrapCSS = get_option('enableBootstrapCSS');
if ($enableBootstrapCSS == 'NO')
{

}
else
{

global $wp_styles;
$bs_handles = array(
'bootstrap',
'bootstrap-css',
'bootstrap-style',
'bootstrap5',
'bootstrap-5',
'bootstrap4',
'bootstrap-4',
'tb-bootstrap',
'theme-bootstrap',
'font-enableBootstrapCSS',
'enableBootstrapCSS',
);
foreach ( $bs_handles as $hdl ) {
if ( wp_style_is( $hdl, 'registered' ) || wp_style_is( $hdl, 'done' ) ) {
return;
}
}

$needles = array( 'bootstrap', 'bootstrap.min.css' );
foreach ( array_merge( $wp_styles->done, $wp_styles->queue ) as $done_or_queued ) {
$obj = $wp_styles->registered[ $done_or_queued ] ?? false;
if ( ! $obj ) {
continue;
}
$src = $obj->src ?? "";
foreach ( $needles as $n ) {
if ( stripos( $src, $n ) !== false ) {
return;
}
}
}

wp_enqueue_script('bootstrap', plugin_dir_url( __FILE__ ) . 'js/bootstrap/bootstrap.min.js', array('jquery'), '5.0', true);
}

Autre exigence fonctionnelle :

Nous devons résoudre le problème des tooltips qui se déplacent sur les écrans mobiles (les tooltips couvrent le contenu sur les côtés).

Étapes pour stabiliser :

A) Arrêter le chargement de styles du plugin qui ne devraient pas être sur le front-end.
Nous avons retiré/réduit les ressources de Tooltips qui causaient des conflits (admin.css, skin ionRangeSlider, bootstrap/awesome/reset). Objectif minimum :

Solution B :

Nous avons examiné attentivement le code du plugin WordPress Tooltip. Les versions précédentes ne chargeaient que admin.css et skin ionRangeSlider dans le panneau, empêchant leur chargement sur le front-end. Le code est organisé de la manière suivante :

add_action('admin_head', 'tooltips_pro_admin_css');

add_action('admin_head', 'tooltips_admin_rangeslider_css_js');

Autre exigence fonctionnelle :
B) Charger FA6 une seule fois (éliminer les répétitions sur le front-end).
Cette solution résoudra les problèmes d’icônes (les versions précédentes shim dans les catégories fa-* sont disponibles).

Solution C :

Ce défi a été abordé dans la Solution A.

Exigence fonctionnelle :
Ce serait formidable d’implémenter cela dans votre plugin.

Isolement des ressources/cas extrêmes :

  • Ne pas charger le CSS du thème pour le back-end sur le front-end (is_admin()).
    Terminé.
  • Fournir l’option de sélectionner Bootstrap/Font Awesome (sans approbation comme configuration par défaut). Offrir 3 options dans la configuration :

    A) Ne pas charger d’équipe d’icônes (utiliser l’équipe du thème),
    B) Charger FA6 (core/brands/solid),
    C) Charger uniquement les versions précédentes de shim fa.
    Terminée. La version précédente utilise encore FA6.5 et le plugin Tooltip est en FA6.4.

  • Charger le style ionRangeSlider sur le front-end uniquement si le slider n’est pas visible.
    Terminé.
  • Les noms des styles doivent être uniques et spécifiques.
    Ajouter un nom racine unique (par exemple : .tooltips-pro …) à toutes vos options dans le plugin et éviter d’utiliser des sélecteurs trop généraux comme .row, .col, .btn, i, .icon, strong.
    Terminé. Nous ne pouvons pas utiliser des sélecteurs généraux comme .row, .col, .btn, i, .icon, strong.
  • Chaque fois que cela est possible, utilisez des styles similaires à Bootstrap, limite : .tooltips-pro .btn { … } pas .btn { … }
    Terminé.
  • Charger uniquement si c’est absolument nécessaire.
    Ajouter des ressources au front-end uniquement lorsque les tooltips sont déjà présents sur la page (vérifier le shortcode/contenu ou utiliser une étiquette du serveur).

Bien que nous soutenions des fonctions liées au Tooltip (menu en Tooltip, utilisation du texte alternatif des images comme tooltip, et Tooltip pour les champs de formulaire de contact, etc.), nous n’avons pas encore trouvé de solution simple pour ce besoin. Nous nous en excusons.

Compatibilité avec Font Awesome :
Si vous changez le Font Awesome, veuillez utiliser FA6 et le documenter. Évitez d’importer des versions antérieures de FA dans FA6 pour éviter des problèmes avec les icônes. Utiliser des SVG comme icônes intégrées dans l’interface utilisateur est une bonne méthode pour éliminer complètement les dépendances de FA.
Terminé. La version précédente utilise encore FA6.5 et le plugin Tooltip est en FA6.4.

Nous vous remercions sincèrement pour vos excellentes suggestions et si vous avez d’autres exigences fonctionnelles, n’hésitez pas à nous contacter. Nous espérons pouvoir les mettre en œuvre pour vous

Merci. Nous espérons que vous passerez un bon moment avec votre famille

Cordialement,

L’équipe de support du plugin WordPress Tooltip

Tagged with:

Carregamento otimizado de CSS / JAVASCRIPT para o plugin WordPress Tooltips, lançamento do plugin WordPress Tooltips Pro Plus 36.5.8

Posted on by wordpress tooltips Posted in Documento de Plugin de Tooltip para Wordpress(Portuguese) — No Comments ↓

Queridos usuários do plugin WordPress tooltip, Esperamos que todos estejam bem e aproveitando um bom tempo com suas famílias. Recentemente, recebemos sugestões emocionantes de novas funcionalidades de um talentoso desenvolvedor de WordPress que chamaram muito nossa atenção. Nossa equipe de desenvolvimento está trabalhando arduamente nessas ideias para implementá-las o mais rápido possível.

Saudações da equipe Tooltips,
Agradecemos sua rápida resposta sobre a atualização para a versão 35.5.8 e seu apoio contínuo. Estou usando o plugin Tooltips Pro Plus para meu site, que se baseia no tema Salient (e WPBakery).

Problema: Os tooltips no front-end estão carregando CSS relacionado ao Bootstrap/Awesome/reset + admin.css, o que cobre a grade personalizada do Salient e cria conflitos com a equipe do Font Awesome.
Existem conflitos com o Font Awesome (o tema/equipe utiliza a versão FA6, enquanto o plugin adiciona outra versão de FA, fazendo com que os ícones de comunicação apareçam como caixas vazias ou gerem erros de ícones).

Solução A:

Eu modifiquei o plugin WordPress Tooltip da seguinte forma:

  1. Verificar se cada estilo carregado/detenido está relacionado à cadeia Bootstrap/font-awesome.
  2. Se o tema ou outros plugins já foram carregados, interromper imediatamente a função para evitar carregar o Bootstrap/font-awesome personalizado do plugin WordPress Tooltip.
  3. Caso contrário, o plugin WordPress Tooltip carregará seu próprio Bootstrap/font-awesome.

Nosso código é o seguinte:

$enableBootstrapCSS = get_option('enableBootstrapCSS');
if ($enableBootstrapCSS == 'NO')
{

}
else
{

global $wp_styles;
$bs_handles = array(
'bootstrap',
'bootstrap-css',
'bootstrap-style',
'bootstrap5',
'bootstrap-5',
'bootstrap4',
'bootstrap-4',
'tb-bootstrap',
'theme-bootstrap',
'font-enableBootstrapCSS',
'enableBootstrapCSS',
);
foreach ( $bs_handles as $hdl ) {
if ( wp_style_is( $hdl, 'registered' ) || wp_style_is( $hdl, 'done' ) ) {
return;
}
}

$needles = array( 'bootstrap', 'bootstrap.min.css' );
foreach ( array_merge( $wp_styles->done, $wp_styles->queue ) as $done_or_queued ) {
$obj = $wp_styles->registered[ $done_or_queued ] ?? false;
if ( ! $obj ) {
continue;
}
$src = $obj->src ?? "";
foreach ( $needles as $n ) {
if ( stripos( $src, $n ) !== false ) {
return;
}
}
}

wp_enqueue_script('bootstrap', plugin_dir_url( __FILE__ ) . 'js/bootstrap/bootstrap.min.js', array('jquery'), '5.0', true);
}

Outro requerimento funcional:

Precisamos resolver o problema dos tooltips que se desviam em telas móveis (os tooltips cobrem o conteúdo nas laterais).

Passos para estabilizar:

A) Parar o carregamento de estilos do plugin que não deveriam estar no front-end.
Removemos/reduzimos os recursos de Tooltips que estavam causando conflitos (admin.css, skin ionRangeSlider, bootstrap/awesome/reset). Objetivo mínimo:

Solução B:

Examinamos cuidadosamente o código do plugin WordPress Tooltip. As versões anteriores apenas carregavam admin.css e skin ionRangeSlider no painel, impedindo seu carregamento no front-end. O código está organizado da seguinte maneira:

add_action('admin_head', 'tooltips_pro_admin_css');

add_action('admin_head', 'tooltips_admin_rangeslider_css_js');

Outro requerimento funcional:
B) Carregar FA6 apenas uma vez (eliminar repetições no front-end).
Essa solução resolverá problemas de ícones (as versões anteriores shim nas categorias fa-* estão disponíveis).

Solução C:

Esse desafio foi abordado na Solução A.

Requerimento funcional:
Seria ótimo implementar isso em seu plugin.

Isolamento de recursos/casos extremos:

  • Não carregar CSS do tema para o back-end no front-end (is_admin()).
    Concluído.
  • Forneça a opção de selecionar Bootstrap/Font Awesome (sem aprovação como configuração padrão). Ofereça 3 opções na configuração:

    A) Não carregar nenhuma equipe de ícones (usar a equipe do tema),
    B) Carregar FA6 (core/brands/solid),
    C) Carregar apenas versões anteriores de shim fa.
    Concluído. A versão anterior ainda está usando FA6.5 e o plugin Tooltip está em FA6.4.

  • Carregar o estilo ionRangeSlider no front-end apenas se o slider não estiver visível.
    Concluído.
  • Os nomes dos estilos devem ser únicos e específicos.
    Adicionar um nome raiz único (por exemplo: .tooltips-pro …) a todas suas opções no plugin e evitar o uso de seletores muito gerais como .row, .col, .btn, i, .icon, strong.
    Concluído. Não podemos usar seletores gerais como .row, .col, .btn, i, .icon, strong.
  • Sempre que possível, use estilos similares ao Bootstrap, limite: .tooltips-pro .btn { … } não .btn { … }
    Concluído.
  • Carregar somente se for absolutamente necessário.
    Adicionar recursos ao front-end somente quando os tooltips já estiverem presentes na página (verificar o shortcode/conteúdo ou usar uma etiqueta do servidor).

Embora apoiemos funções relacionadas ao Tooltip (menu em Tooltip, uso de texto alternativo de imagens como tooltip, e Tooltip para campos de formulário de contato e mais), ainda não encontramos uma solução simples para esse requerimento. Pedimos desculpas por isso.

Compatibilidade com Font Awesome:
Se você alterar o Font Awesome, por favor, use FA6 e documente isso. Evite importar versões anteriores de FA para FA6 para evitar problemas com os ícones. Usar SVG como ícones integrados na interface do usuário é um bom método para eliminar completamente as dependências de FA.
Concluído. A versão anterior ainda está usando FA6.5 e o plugin Tooltip está em FA6.4.

Agradecemos sinceramente por suas excelentes sugestões e, se você tiver outros requisitos funcionais, não hesite em nos contatar. Esperamos poder implementá-los para você

Obrigado. Esperamos que você tenha um bom tempo com sua família

Atenciosamente,

Suporte do plugin WordPress Tooltip

Tagged with:

Carga optimizada de CSS / JAVASCRIPT para el plugin WordPress Tooltips, lanzamiento del plugin WordPress Tooltips Pro Plus 36.5.8

Posted on by wordpress tooltips Posted in Documento del plugin de Wordpress Tooltip(Spanish) — No Comments ↓

Estimados usuarios del plugin WordPress tooltip, Esperamos que se encuentren bien y que estén disfrutando de un buen tiempo con sus seres queridos. Recientemente hemos recibido emocionantes sugerencias de nuevas funciones por parte de un talentoso desarrollador de WordPress que nos han interesado mucho. Nuestro equipo de desarrollo está trabajando arduamente en estas ideas para implementarlas lo antes posible.

Saludos del equipo de Tooltips,
Agradecemos su pronta respuesta sobre la actualización a la versión 35.5.8 y su apoyo continuo. Estoy utilizando el plugin Tooltips Pro Plus para mi sitio web, que se basa en el tema Salient (y WPBakery).

Problema: Los tooltips en el front-end están cargando CSS relacionado con Bootstrap/Awesome/reset + admin.css, lo que cubre la cuadrícula personalizada de Salient y crea conflictos con el equipo de Font Awesome.
Hay conflictos con Font Awesome (el tema/equipo utiliza la versión FA6, mientras que el plugin agrega otra versión de FA, y por lo tanto, los iconos de comunicación aparecen como cuadros vacíos o provocan errores de iconos).

Solución A:

He modificado el plugin WordPress Tooltip de la siguiente manera:

  1. Verificar si cada estilo cargado/detenido está relacionado con la cadena Bootstrap/font-awesome.
  2. Si el tema o otros plugins ya se han cargado, detener inmediatamente la función para evitar cargar Bootstrap/font-awesome personalizado del plugin WordPress Tooltip.
  3. De lo contrario, el plugin WordPress Tooltip cargará su propio Bootstrap/font-awesome.

Nuestro código es el siguiente:

$enableBootstrapCSS = get_option('enableBootstrapCSS');
if ($enableBootstrapCSS == 'NO')
{

}
else
{

global $wp_styles;
$bs_handles = array(
'bootstrap',
'bootstrap-css',
'bootstrap-style',
'bootstrap5',
'bootstrap-5',
'bootstrap4',
'bootstrap-4',
'tb-bootstrap',
'theme-bootstrap',
'font-enableBootstrapCSS',
'enableBootstrapCSS',
);
foreach ( $bs_handles as $hdl ) {
if ( wp_style_is( $hdl, 'registered' ) || wp_style_is( $hdl, 'done' ) ) {
return;
}
}

$needles = array( 'bootstrap', 'bootstrap.min.css' );
foreach ( array_merge( $wp_styles->done, $wp_styles->queue ) as $done_or_queued ) {
$obj = $wp_styles->registered[ $done_or_queued ] ?? false;
if ( ! $obj ) {
continue;
}
$src = $obj->src ?? "";
foreach ( $needles as $n ) {
if ( stripos( $src, $n ) !== false ) {
return;
}
}
}

wp_enqueue_script('bootstrap', plugin_dir_url( __FILE__ ) . 'js/bootstrap/bootstrap.min.js', array('jquery'), '5.0', true);
}

Otro requerimiento funcional:

Resolvamos el problema de los tooltips que se desvían en pantallas móviles (los tooltips cubren el contenido a los lados).

Pasos para estabilizar:

A) Detener la carga de estilos del plugin que no deberían estar en el front-end.
Hemos eliminado/reducido los recursos de Tooltips que causaban conflictos (admin.css, skin ionRangeSlider, bootstrap/awesome/reset). Objetivo mínimo:

Solución B:

Hemos examinado cuidadosamente el código del plugin WordPress Tooltip. Las versiones anteriores solo cargaban admin.css y skin ionRangeSlider en el panel, lo que impedía su carga en el front-end. El código está organizado de la siguiente manera:

add_action('admin_head', 'tooltips_pro_admin_css');

add_action('admin_head', 'tooltips_admin_rangeslider_css_js');

Otro requerimiento funcional:
B) Cargar FA6 solo una vez (eliminar repeticiones en el front-end).
Esta solución resolverá problemas de iconos (las versiones anteriores shim en las categorías fa-* están disponibles).

Solución C:

Este desafío fue abordado en la Solución A.

Requerimiento funcional:
Sería genial implementar esto en su plugin.

Aislamiento de recursos/casos extremos:

  • No cargar CSS del tema para el backend en el front-end (is_admin()).
    Completado.
  • Proporcione la opción de seleccionar Bootstrap/Font Awesome (sin aprobación como configuración predeterminada). Ofrezca 3 opciones en la configuración:

    A) No cargar ningún equipo de iconos (usar el equipo del tema),
    B) Cargar FA6 (core/brands/solid),
    C) Cargar solo versiones anteriores de shim fa.
    Completado. La versión anterior sigue usando FA6.5 y el plugin Tooltip está en FA6.4.

  • Cargar el estilo ionRangeSlider en el front-end solo si el slider no es visible.
    Completado.
  • Los nombres de los estilos deben ser únicos y específicos.
    Agregar un nombre raíz único (por ejemplo: .tooltips-pro …) a todas sus opciones en el plugin y evitar el uso de selectores demasiado generales como .row, .col, .btn, i, .icon, strong.
    Completado. No podemos usar selectores generales como .row, .col, .btn, i, .icon, strong.
  • Siempre que sea necesario, use estilos similares a Bootstrap, limite: .tooltips-pro .btn { … } no .btn { … }
    Completado.
  • Cargar solo si es absolutamente necesario.
    Agregar recursos al front-end solo cuando los tooltips ya estén presentes en la página (comprobar el shortcode/contenido o usar una etiqueta del servidor).

A pesar de que apoyamos funciones relacionadas con Tooltip (menú en Tooltip, uso de texto alternativo de imágenes como tooltip, y Tooltip para campos de formularios de contacto y más), aún no se ha encontrado una solución simple para este requerimiento. Nos disculpamos por ello.

Compatibilidad con Font Awesome:
Si cambias Font Awesome, por favor utiliza FA6 y documenta eso. Evita importar versiones anteriores de FA a FA6 para evitar problemas con los iconos. Usar SVG como iconos integrados en la interfaz de usuario es un buen método para eliminar completamente las dependencias de FA.
Completado. La versión anterior sigue usando FA6.5 y el plugin Tooltip está en FA6.4.

Le agradecemos sinceramente por sus excelentes sugerencias y si tiene otros requisitos funcionales, no dude en contactarnos. Esperamos poder implementarlos para usted

Gracias. Esperamos que pase un buen rato con su familia

Saludos,

Soporte del plugin WordPress Tooltip

Tagged with:

Optimalizované načítání CSS / JAVASCRIPT pro plugin WordPress Tooltips, vydání pluginu WordPress Tooltips Pro Plus 36.5.8

Posted on by wordpress tooltips Posted in Dokument Pluginu Tooltip pro Wordpress(Czech) — No Comments ↓

Drazí uživatelé pluginu WordPress tooltip, Doufáme, že se máte dobře a že trávíte kvalitní čas se svými blízkými. V nedávné době jsme obdrželi vzrušující návrhy na nové funkce od talentovaného vývojáře WordPress, které nás velmi zaujaly. Náš vývojový tým intenzivně pracuje na těchto nápadech, abychom je co nejdříve uskutečnili.

Pozdrav od týmu Tooltips,
Děkujeme za rychlou odpověď týkající se aktualizace na verzi 35.5.8 a za vaši dosavadní podporu. Používám plugin Tooltips Pro Plus pro svůj web, který je založen na tématu Salient (a WPBakery).

Problém: Tooltipy na frontendové straně načítají CSS související s Bootstrap/Awesome/reset + admin.css, což pokrývá vlastní mřížku Salient a vytváří konflikty s týmem Font Awesome.
Jsou zde konflikty s Font Awesome (téma/tým používá verzi FA6, zatímco plugin přidává jinou verzi FA, a proto se ikony komunikace zobrazují jako prázdné čtverce nebo vyvolávají ikonové chyby).

Řešení A:

Upravil jsem plugin WordPress Tooltip následujícím způsobem:

  1. Zkontrolujte, zda každý načtený/zastavený styl je spojen s řetězcem Bootstrap/font-awesome.
  2. Pokud bylo téma nebo jiné pluginy již načteny, okamžitě zastavte funkci, aby se zabránilo načtení vlastního Bootstrap/font-awesome pluginu WordPress Tooltip.
  3. Jinak plugin WordPress Tooltip načte vlastní Bootstrap/font-awesome.

Náš kód je následující:

$enableBootstrapCSS = get_option('enableBootstrapCSS');
if ($enableBootstrapCSS == 'NO')
{

}
else
{

global $wp_styles;
$bs_handles = array(
'bootstrap',
'bootstrap-css',
'bootstrap-style',
'bootstrap5',
'bootstrap-5',
'bootstrap4',
'bootstrap-4',
'tb-bootstrap',
'theme-bootstrap',
'font-enableBootstrapCSS',
'enableBootstrapCSS',
);
foreach ( $bs_handles as $hdl ) {
if ( wp_style_is( $hdl, 'registered' ) || wp_style_is( $hdl, 'done' ) ) {
return;
}
}

$needles = array( 'bootstrap', 'bootstrap.min.css' );
foreach ( array_merge( $wp_styles->done, $wp_styles->queue ) as $done_or_queued ) {
$obj = $wp_styles->registered[ $done_or_queued ] ?? false;
if ( ! $obj ) {
continue;
}
$src = $obj->src ?? "";
foreach ( $needles as $n ) {
if ( stripos( $src, $n ) !== false ) {
return;
}
}
}

wp_enqueue_script('bootstrap', plugin_dir_url( __FILE__ ) . 'js/bootstrap/bootstrap.min.js', array('jquery'), '5.0', true);
}

Další funkční požadavek:

Vyřešme problém s tooltipy, které se posunují na mobilních obrazovkách (tooltipy překrývají obsah po stranách).

Kroky k stabilizaci:

A) Zastavit načítání stylů pluginu, které by neměly být na frontendové straně.
Odstranili jsme/redukce zdrojů Tooltips, které způsobovaly konflikty (admin.css, skin ionRangeSlider, bootstrap/awesome/reset). Minimální cíl:

Řešení B:

Pečlivě jsme prozkoumali kód pluginu WordPress Tooltip. Předchozí verze načítala pouze admin.css a skin ionRangeSlider na panelu, což bránilo jejich načítání na frontendové straně. Kód je organizován následujícím způsobem:

add_action('admin_head', 'tooltips_pro_admin_css');

add_action('admin_head', 'tooltips_admin_rangeslider_css_js');

Další funkční požadavek:
B) Načítat FA6 pouze jednou (odstranit opakování na frontendové straně).
Toto řešení vyřeší ikonové problémy (starší verze shim v4 kategorií fa-* jsou k dispozici).

Řešení C:

Tato výzva byla řešena v Řešení A.

Funkční požadavek:
Bylo by skvělé to zrealizovat ve vašem pluginu.

Izolace zdrojů/corner cases:

  • Nezahrnovat CSS tématu pro backend na frontend (is_admin()).
    Dokončeno.
  • Poskytněte prosím možnost vybrat Bootstrap/Font Awesome (bez schválení jako výchozí nastavení). Nabídněte 3 možnosti v nastavení:

    A) Nenakládat žádný tým ikon (používat tým tématu),
    B) Načítat FA6 (core/brands/solid),
    C) Načítat pouze starší verze shim fa.
    Dokončeno. Starší verze stále používá FA6.5 a plugin Tooltip je na FA6.4.

  • Načítat styl ionRangeSlider na frontend pouze pokud není slider viditelný.
    Dokončeno.
  • Jména stylů musí být jedinečná a specifická.
    Přidat jedinečný kořenový název (např.: .tooltips-pro …) ke všem vašim možnostem v pluginu a vyhnout se používání příliš obecných selektorů, jako jsou .row, .col, .btn, i, .icon, strong.
    Dokončeno. Nemůžeme používat obecné selektory jako .row, .col, .btn, i, .icon, strong.
  • Kdykoli je to nutné, používejte styly podobné Bootstrapu, omezte: .tooltips-pro .btn { … } ne .btn { … }
    Dokončeno.
  • Načítat pouze pokud je to naprosto nezbytné.
    Přidat zdroje na frontend pouze tehdy, když jsou tooltipy již přítomny na stránce (zkontrolovat shortcode/obsah nebo použít serverový štítek).

I když podporujeme funkce související s Tooltipem (menu v Tooltipu, použití alternativního textu obrázků jako tooltip, a Tooltip pro pole kontaktního formuláře a další), dosud nebylo nalezeno jednoduché řešení pro tento požadavek. Omlouváme se za to.

Kompatibilita s Font Awesome:
Pokud změníte Font Awesome, prosím používejte FA6 a dokumentujte to. Vyhněte se importu starších verzí z FA do FA6, abyste se vyhnuli problémům s ikonami. Použití SVG jako integrovaných ikon v uživatelském rozhraní je dobrá metoda pro úplné odstranění závislostí na FA.
Dokončeno. Starší verze stále používá FA6.5 a plugin Tooltip je na FA6.4.

Upřímně vám děkujeme za skvělé návrhy a pokud máte další funkční požadavky, neváhejte nás kontaktovat. Těšíme se, až je pro vás realizujeme

Děkujeme vám. Doufáme, že strávíte příjemný čas se svou rodinou

S pozdravem,

Podpora pluginu WordPress Tooltip

Tagged with:

Caricamento ottimizzato di CSS / JAVASCRIPT per il plugin WordPress Tooltips, rilascio del plugin WordPress Tooltips Pro Plus 36.5.8

Posted on by wordpress tooltips Posted in Plugin di Tooltip per Wordpress Documento(Italiano) — No Comments ↓

Cari utenti del plugin WordPress tooltip, Speriamo che stiate bene e che stiate trascorrendo del tempo di qualità con i vostri cari. Di recente abbiamo ricevuto proposte entusiasmanti per nuove funzionalità da un talentuoso sviluppatore WordPress, le quali ci hanno colpito. Il nostro team di sviluppo sta lavorando sodo su queste idee affinché possiamo realizzarle al più presto.

Saluti dal team di Tooltips,
Grazie per la rapida risposta riguardo l’aggiornamento alla versione 35.5.8 e per il vostro supporto passato. Utilizzo il plugin Tooltips Pro Plus per il mio sito web, che si basa sul tema Salient (e WPBakery).

Problema: I tooltip nel frontend caricano CSS relativi a Bootstrap/Awesome/reset + admin.css, il che copre la griglia personalizzata di Salient e crea conflitti con il team di Font Awesome.
Ci sono conflitti con Font Awesome (il tema/il team utilizza la versione FA6, mentre il plugin aggiunge una versione diversa di FA, ecco perché le icone di comunicazione vengono visualizzate come quadrati vuoti o provocano errori iconici).

Soluzione A:

Ho modificato il plugin WordPress Tooltip nel seguente modo:

  1. Controlla se ogni file di stile caricato/fermo è collegato alla catena Bootstrap/font-awesome.
  2. Se il tema o altri plugin sono già stati caricati, interrompi immediatamente la funzione per evitare di caricare il proprio Bootstrap/font-awesome del plugin WordPress Tooltip.
  3. In caso contrario, il plugin WordPress Tooltip carica il proprio Bootstrap/font-awesome.

Il nostro codice è il seguente:

$enableBootstrapCSS = get_option('enableBootstrapCSS');
if ($enableBootstrapCSS == 'NO')
{

}
else
{

global $wp_styles;
$bs_handles = array(
'bootstrap',
'bootstrap-css',
'bootstrap-style',
'bootstrap5',
'bootstrap-5',
'bootstrap4',
'bootstrap-4',
'tb-bootstrap',
'theme-bootstrap',
'font-enableBootstrapCSS',
'enableBootstrapCSS',
);
foreach ( $bs_handles as $hdl ) {
if ( wp_style_is( $hdl, 'registered' ) || wp_style_is( $hdl, 'done' ) ) {
return;
}
}

$needles = array( 'bootstrap', 'bootstrap.min.css' );
foreach ( array_merge( $wp_styles->done, $wp_styles->queue ) as $done_or_queued ) {
$obj = $wp_styles->registered[ $done_or_queued ] ?? false;
if ( ! $obj ) {
continue;
}
$src = $obj->src ?? "";
foreach ( $needles as $n ) {
if ( stripos( $src, $n ) !== false ) {
return;
}
}
}

wp_enqueue_script('bootstrap', plugin_dir_url( __FILE__ ) . 'js/bootstrap/bootstrap.min.js', array('jquery'), '5.0', true);
}

Richiesta funzionale successiva:

Risolviamo il problema dei tooltip spostati sugli schermi mobili (i tooltip coprono il contenuto ai lati).

Passi di stabilizzazione:

A) Interrompere il caricamento degli stili di plugin che non dovrebbero essere nel frontend.
Abbiamo rimosso/ridotto al minimo le risorse di Tooltips che causavano conflitti (admin.css, skin ionRangeSlider, bootstrap/awesome/reset). Obiettivo minimo:

Soluzione B:

Abbiamo esaminato attentamente il codice del plugin WordPress Tooltip. La versione precedente caricava solo admin.css e skin ionRangeSlider nel pannello di controllo, impedendo il loro caricamento nel frontend. Il codice è organizzato nel seguente modo:

add_action('admin_head', 'tooltips_pro_admin_css');

add_action('admin_head', 'tooltips_admin_rangeslider_css_js');

Richiesta funzionale successiva:
B) Caricare FA6 una sola volta (rimuovendo le ripetizioni nel frontend).
Questa soluzione risolverà i problemi iconici (le versioni più vecchie shim v4 delle categorie fa-* sono disponibili).

Soluzione C:

Questa sfida è stata affrontata nella Soluzione A.

Richiesta funzionale:
Sarebbe bello realizzare ciò nel vostro plugin.

Isolamento delle risorse/corner cases:

  • Non caricare CSS di tema per il backend nel frontend (is_admin()).
    Concluso.
  • Si prega di fornire un’opzione per scegliere Bootstrap/Font Awesome (senza autorizzazione come impostazione predefinita). Offrire 3 opzioni nelle impostazioni:

    A) Non caricare alcuna squadra di icone (utilizzare la squadra del tema),
    B) Caricare FA6 (core/brands/solid),
    C) Caricare solo versioni shim fa ereditarie.
    Concluso. La versione più vecchia utilizza ancora FA6.5 e il plugin Tooltip è su FA6.4.

  • Caricare lo stile di ionRangeSlider nel frontend solo se il cursore non è visibile.
    Concluso.
  • I nomi degli stili devono essere unici e specifici.
    Aggiungere un nome radice unico (ad es.: .tooltips-pro …) a tutte le vostre opzioni nel plugin e evitare di utilizzare selettori troppo generali, come .row, .col, .btn, i, .icon, strong.
    Concluso. Non possiamo utilizzare selettori generali come .row, .col, .btn, i, .icon, strong.
  • Quando necessario, utilizzare stili simili a Bootstrap, limitare: .tooltips-pro .btn { … } non .btn { … }
    Concluso.
  • Caricare solo se è assolutamente necessario.
    Aggiungere risorse nel frontend solo quando i tooltip sono già presenti nella pagina (controllare shortcode/contenuto o utilizzare server label).

Anche se supportiamo funzioni relative al Tooltip (menu nel Tooltip, utilizzo di testo alternativo delle immagini come tooltip, e Tooltip per i campi del modulo di contatto e altro), fino a questo momento non c’è stata una soluzione semplice per questa richiesta. Ci scusiamo per questo.

Compatibilità con Font Awesome:
Se cambiate Font Awesome, si prega di utilizzare FA6 e documentarlo. Evitare l’importazione di vecchie versioni da FA in FA6 per evitare problemi con le icone. L’uso di SVG come icone incorporate nell’interfaccia è un buon metodo per eliminare completamente le dipendenze da FA.
Concluso. La versione più vecchia utilizza ancora FA6.5 e il plugin Tooltip è su FA6.4.

Vi ringraziamo sinceramente per le fantastiche proposte e se avete ulteriori richieste funzionali, non esitate a contattarci. Non vediamo l’ora di realizzarle per voi

Vi ringraziamo. Speriamo che trascorriate del tempo piacevole con la vostra famiglia

Cordiali saluti,

Supporto del plugin WordPress Tooltip

Tagged with:

Оптимизирано зареждане на CSS / JAVASCRIPT за плъгина WordPress Tooltips, издаден плъгин WordPress Tooltips Pro Plus 36.5.8

Posted on by wordpress tooltips Posted in wordpress tooltip plugin document (Bulgarian) — No Comments ↓

Скъпи потребители на WordPress tooltip плъгина,Надяваме се, че сте добре и прекарвате приятно време със своите близки. Напоследък получихме вълнуващи предложения за нови функции от талантлив разработчик на WordPress, които ни впечатлиха. Нашият екип за разработка работи усърдно върху тези идеи, за да можем да ги реализираме скоро.

Поздрави от екипа на Tooltips,
Благодарим ви за бързия отговор относно актуализацията на 35.5.8 и за предишната ви подкрепа. Използвам плъгина Tooltips Pro Plus за уебсайта си, който е на базата на темата Salient (и WPBakery).

Проблем: Tooltip-овете в предния край зареждат CSS, свързани с Bootstrap/Awesome/reset + admin.css, което покрива персонализираната решетка на Salient и предизвиква конфликт с Font Awesome екипа.
Конфликти с Font Awesome (темата/екипът използва версия FA6, а плъгинът добавя различна версия от FA, поради което иконите на комуникацията се показват като празни кутии или предизвикват иконни грешки).

Решение А:

Коригирах плъгина WordPress Tooltip по следния начин:

  1. Проверете дали всяка заредена/спряна стилова файл е свързана с Bootstrap/font-awesome веригата.
  2. Ако темата или други плъгини вече са заредени, веднага прекратете функцията, за да избегнете зареждането на собствения Bootstrap/font-awesome на плъгина WordPress Tooltip.
  3. Ако не, плъгинът WordPress Tooltip зарежда собствения си Bootstrap/font-awesome.

Кодът ни е следният:

$enableBootstrapCSS = get_option('enableBootstrapCSS');
if ($enableBootstrapCSS == 'NO')
{

}
else
{

global $wp_styles;
$bs_handles = array(
'bootstrap',
'bootstrap-css',
'bootstrap-style',
'bootstrap5',
'bootstrap-5',
'bootstrap4',
'bootstrap-4',
'tb-bootstrap',
'theme-bootstrap',
'font-enableBootstrapCSS',
'enableBootstrapCSS',
);
foreach ( $bs_handles as $hdl ) {
if ( wp_style_is( $hdl, 'registered' ) || wp_style_is( $hdl, 'done' ) ) {
return;
}
}

$needles = array( 'bootstrap', 'bootstrap.min.css' );
foreach ( array_merge( $wp_styles->done, $wp_styles->queue ) as $done_or_queued ) {
$obj = $wp_styles->registered[ $done_or_queued ] ?? false;
if ( ! $obj ) {
continue;
}
$src = $obj->src ?? "";
foreach ( $needles as $n ) {
if ( stripos( $src, $n ) !== false ) {
return;
}
}
}

wp_enqueue_script('bootstrap', plugin_dir_url( __FILE__ ) . 'js/bootstrap/bootstrap.min.js', array('jquery'), '5.0', true);
}

Следваща функционална заявка:

Нека разрешим проблема с отместването на tooltip-овете на мобилните екрани (tooltip-овете покриват съдържанието по краищата).

Стабилизационни стъпки: A) Прекратете зареждането на стиловете на плъгините, които не трябва да бъдат в предния край.
Премахнахме/пренаписахме единствено ресурсите на Tooltips, които предизвикваха конфликти (admin.css, skin ionRangeSlider, bootstrap/awesome/reset). Минимална цел:

Решение Б:

Подробно проучихме кода на плъгина WordPress Tooltip. По-старата версия зареждаше само admin.css и skin ionRangeSlider в контролния панел, предотвратявайки зареждането им в предния край. Кодът е организиран по следния начин:

add_action('admin_head', 'tooltips_pro_admin_css');

add_action('admin_head', 'tooltips_admin_rangeslider_css_js');

Следваща функционална заявка:
Б) Зареждайте FA6 само веднъж (премахвайки повтарянията в предния край).
Това решение ще изчисти иконните проблеми (по-старите версии shim v4 на fa-* категориите са налични).

Решение В:

Тази предизвикателност е решена в Решение А.

Функционална заявка:
Би било хубаво да реализирате това във вашия плъгин.

Изолиране на ресурси/краища:

  • Не зареждайте CSS на тема за бекенд в предния край (is_admin()).
    Завършено.
  • Моля, дайте опция за избор на Bootstrap/Font Awesome (това без разрешение като настройка по подразбиране). Предложете 3 опции в настройките:

    A) Не зареждайте никакви иконни екипи (използвайте екипа на темата),
    B) Заредете FA6 (core/brands/solid),
    C) Заредете само наследствени shim fa версии.
    Завършено. По-старата версия все още използва FA6.5 и плъгинът за Tooltip е на FA6.4.

  • Заредете стила на ionRangeSlider в предния край само ако плъзгачът не е видим.
    Завършено.
  • Имената на стиловете трябва да бъдат уникални и специфични
    Добавете уникално корено име (напр.: .tooltips-pro …) към всичките си опции в плъгина и избягвайте използването на твърде общи селектори, като .row, .col, .btn, i, .icon, strong.
    Завършено. Не можем да използваме общи селектори, като .row, .col, .btn, i, .icon, strong.
  • Когато е необходимо, използвайте подобни стилове на Bootstrap, ограничете: .tooltips-pro .btn { … } не .btn { … }
    Завършено.
  • Зареждайте само ако е абсолютно необходимо
    Добавяйте ресурси в предния край само когато tooltip-овете вече присъстват на страницата (проверявайте shortcode/съдържанието или използвайте server label).

Въпреки че поддържаме относителни функции на Tooltip (меню в Tooltip, използване на алтернативен текст на изображенията като tooltip, и Tooltip за полета на контактната форма и др.), до момента не е имало лесно решение за тази заявка. Моля, извинете ни за това.

Съвместимост с Font Awesome:
Ако сменяте Font Awesome, моля, използвайте FA6 и го документирайте. Избягвайте импорт на стари версии от FA в FA6, за да избегнете проблеми с иконите. Използването на SVG като вградени икони в интерфейса е добър метод за напълно елиминиране на зависимостите от FA.
Завършено. По-старата версия все още използва FA6.5 и плъгинът за Tooltip е на FA6.4.

Сърдечно благодаря за страхотните предложения и ако имате още функционални заявки, не се колебайте да се свържете с нас. Изключително нетърпеливи сме да реализираме това за вас

Благодарим ви. Надяваме се да прекарате приятно времетраене с вашето семейство

С уважение,

Поддръжка на плъгина WordPress Tooltip

Optimalizált CSS / JAVASCRIPT betöltés a WordPress Tooltips bővítményhez, kiadva a WordPress Tooltips Pro Plus bővítményt 36.5.8 verzióban

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin dokumentum (Hungary) — No Comments ↓

Kedves WordPress tooltip bővítmény felhasználók, Reméljük, jól vagytok és kellemes időt töltötök a szeretteitekkel. Nemrég egy tehetséges WordPress fejlesztőtől izgalmas javaslatokat kaptunk új funkciók tekintetében, és igazán lenyűgözött minket, amit ajánlott. Fejlesztő csapatunk keményen dolgozik ezeken az ötleteken, hogy hamarosan elkészíthessük őket.

Üdv, Tooltips csapat,
Köszönöm a gyors válaszotokat a 35.5.8-as frissítéssel kapcsolatban és a korábbi támogatást. A Tooltips Pro Plus bővítményt használom a Salient téma (és WPBakery) keretein belül a weboldalamon.

Probléma: A Tooltip-ek a front-end-en CSS-t töltenek be, amely a Bootstrap/Awesome/reset + admin.css-hez kapcsolódik, ami lefedi a Salient testreszabott rácsot, és konfliktust okoz a Font Awesome csapattal.
Konfliktusok a Font Awesome-val (a téma/csapat FA6 verziót használ, és a bővítmény eltérő verziót ad hozzá a FA-ból, ami miatt a kommunikációs ikonok üres dobozként jelennek meg vagy ikonhibákat okoznak).

A megoldás A:

Kijavítottam a WordPress Tooltip bővítményt az alábbiak szerint:

  1. Ellenőrizzük, hogy minden betöltött/megállított stílusfájl a Bootstrap/font-awesome láncra vonatkozik-e.
  2. Ha a téma vagy más bővítmények már betöltődtek, azonnal szakítsuk meg a folyamatot, hogy a WordPress Tooltip bővítmény ne töltse be a saját Bootstrap/font-awesome könyvtárát.
  3. Ha nem, a WordPress Tooltip bővítmény betölti a saját Bootstrap/font-awesome könyvtárát.

A kódunk a következő:

$enableBootstrapCSS = get_option('enableBootstrapCSS');
if ($enableBootstrapCSS == 'NO')
{

}
else
{

global $wp_styles;
$bs_handles = array(
'bootstrap',
'bootstrap-css',
'bootstrap-style',
'bootstrap5',
'bootstrap-5',
'bootstrap4',
'bootstrap-4',
'tb-bootstrap',
'theme-bootstrap',
'font-enableBootstrapCSS',
'enableBootstrapCSS',
);
foreach ( $bs_handles as $hdl ) {
if ( wp_style_is( $hdl, 'registered' ) || wp_style_is( $hdl, 'done' ) ) {
return;
}
}

$needles = array( 'bootstrap', 'bootstrap.min.css' );
foreach ( array_merge( $wp_styles->done, $wp_styles->queue ) as $done_or_queued ) {
$obj = $wp_styles->registered[ $done_or_queued ] ?? false;
if ( ! $obj ) {
continue;
}
$src = $obj->src ?? "";
foreach ( $needles as $n ) {
if ( stripos( $src, $n ) !== false ) {
return;
}
}
}

wp_enqueue_script('bootstrap', plugin_dir_url( __FILE__ ) . 'js/bootstrap/bootstrap.min.js', array('jquery'), '5.0', true);
}

A következő funkciókérésem:

Oldjuk meg a tooltip-ek eltérülését a mobilképernyőkön (a tooltip-ek lefedik a tartalmat a szélek mentén).

Stabilizálási lépések: A) Szüntessem meg a bővítmények stílusainak betöltését, amelyek nem kellene, hogy a front-end-en legyenek.
Eltávolítottuk/újraírtuk csak a Tooltips erőforrásokat, amelyek konfliktust okoztak (admin.css, skin ionRangeSlider, bootstrap/awesome/reset). Minimális cél:

A megoldás B:

Alaposan megvizsgáltuk a WordPress Tooltip bővítmény kódját. A korábbi verzió csak az admin.css-t és a skin ionRangeSlider-t töltötte be a vezérlőpanelen, így megakadályozva, hogy ezeket a front-end-en betöltsük. A kód a következőképpen van szervezve:

add_action('admin_head', 'tooltips_pro_admin_css');

add_action('admin_head', 'tooltips_admin_rangeslider_css_js');

A következő funkciókérésem:
B) Töltsük be az FA6-ot csak egyszer (eltávolítva az ismétléseket a front-end-en).
Ez a megoldás megoldja az ikonproblémákat (a régi verziók v4-shim-jei a fa fa-* kategóriáknál jelen vannak).

A megoldás C:

Ez a kihívás megoldva az A megoldásban.

Funkciókérés:
Jó lenne ezt implementálni a bővítményetekbe.

Erőforrások/szélek elszigetelése:

  • Ne töltsétek be a back-end téma CSS-t a front-end-en (is_admin()).
    Befejeztük.
  • Kérjük, a Bootstrap/Font Awesome választást (ennek engedélyezése nélkül az alapértelmezett választásként). Kínáljatok 3 lehetőséget a beállítások között:

    A) Ne töltsenek be semmilyen ikoncsapatot (használják a téma csapatát),
    B) Töltsenek be FA6-ot (core/brands/solid),
    C) Töltsenek be csak örökség shim fa fa- verziókat.
    Befejeztük. Továbbra is FA6.5-öt használnak és a WordPress Tooltip bővítmény FA6.4-et használ.

  • Töltsétek be az ionRangeSlider stílust a front-end-en csak akkor, ha a csúszka nem látható.
    Befejeztük.
  • A stílusneveknek egyedieknek és specifikusaknak kell lenniük
    Adjatok hozzá minden választásotokhoz a bővítményhez egyedülálló gyökér (pl.: .tooltips-pro …) és kerüljétek el a túl általános választók, mint .row, .col, .btn, i, .icon, strong használatát.
    Befejeztük. Nem tudunk általános választók használni, mint .row, .col, .btn, i, .icon, strong általánosan.
  • Ha szükséges, hasonló stílusok használata Bootstrap-hoz, korlátozzátok: .tooltips-pro .btn { … } nem .btn { … }
    Befejeztük.
  • Töltsétek be csak akkor, ha ez elengedhetetlen
    Erőforrásokat a front-end-re csak akkor adjatok hozzá, ha a tooltip-ek már jelen vannak az oldalon (ellenőrizzék a shortcode/tartalomot vagy használjanak a szerver címkét).

Tekintettel arra, hogy támogatjuk a vonatkozó Tooltip funkciókkal (Tooltip menübe, alternatív képszövegek használata tooltipként, és Tooltipok kapcsolatfelvételi űrlap mezőkhöz stb.), eddig nem volt egyszerű megoldást találni erre a kérésre. Kérlek, bocsáss meg ezért.

Kompatibilitás a Font Awesome-val:
Ha a Font Awesome-ot váltjátok, akkor kérlek, használjatok FA6-ot, és dokumentáljátok ezt. Kerüljétek az öreg verziók importálását a FA-ból az FA6-al, hogy elkerüljétek az ikonok kompatibilitási problémáit. Az SVG-k használata beépített felhasználói felület ikonként jó módszer, hogy teljesen megszabaduljatok a FA-függőségtől.
Befejeztük. Továbbra is FA6.5-öt használnak és a WordPress Tooltip bővítmény FA6.4-et használ.

Köszönjük szépen a nagyszerű javaslatot, és ha van még funkciókérésed, ne habozz kapcsolatba lépni velünk. Nagyon izgatottan várjuk, hogy ezt megvalósíthassuk számodra

Köszönjük. Reméljük, kellemes napot töltötök a családotok körében

Üdvözlettel,

A WordPress Tooltip bővítmény támogatói csapata

Ha további segítségre van szükséged, vagy bármi más változtatásra, kérlek, jelezd!

today at 8:34 AM

Tagged with:
Top