Changeset 3458190

Timestamp:

02/10/2026 03:49:29 PM (12 days ago)

Author:

a1tools

Message:

Version 1.4.7: Fix hover effects and custom hover colors in Elementor editor preview

Location:

a1-tools/trunk

Files:

• a1-tools.php (modified) (2 diffs)
• includes/class-a1-tools-elementor-widget.php (modified) (3 diffs)
• readme.txt (modified) (2 diffs)

a1-tools/trunk/a1-tools.php

@@ -4 +4 @@
  * Plugin URI:        https://tools.a-1chimney.com
  * Description:       Connects your WordPress site to the A1 Tools platform for centralized management of contact information, social media links, and business details.
- * Version:           1.4.6
+ * Version:           1.4.7
  * Requires at least: 5.0
  * Requires PHP:      7.4
@@ -21 +21 @@
 
 // Plugin constants.
-define( 'A1TOOLS_VERSION', '1.4.6' );
+define( 'A1TOOLS_VERSION', '1.4.7' );
 define( 'A1TOOLS_PLUGIN_DIR', plugin_dir_path( __FILE__ ) );
 define( 'A1TOOLS_PLUGIN_URL', plugin_dir_url( __FILE__ ) );

a1-tools/trunk/includes/class-a1-tools-elementor-widget.php

@@ -576 +576 @@
         var spacing = settings.spacing.size || 8;
         var alignment = settings.alignment || 'left';
+        var hoverEffect = settings.hover_effect || 'scale';
 
         // Custom style colors
@@ -582 +583 @@
         var customBorderColor = settings.custom_border_color || '';
         var customBorderWidth = settings.custom_border_width ? settings.custom_border_width.size : 0;
+        var customHoverIconColor = settings.custom_hover_icon_color || '';
+        var customHoverBgColor = settings.custom_hover_bg_color || '';
+        var customHoverBorderColor = settings.custom_hover_border_color || '';
 
         var borderRadius = shape === 'circle' ? '50%' : (shape === 'rounded' ? '8px' : '0');
         var justifyContent = alignment === 'center' ? 'center' : (alignment === 'right' ? 'flex-end' : 'flex-start');
 
+        // Generate unique class for this widget instance
+        var widgetClass = 'a1tools-editor-' + view.getID();
+
         // Actual available platforms from the site
         var platforms = <?php echo wp_json_encode( $js_platforms ); ?>;
+
+        // Build hover CSS
+        var hoverCSS = '';
+        if (hoverEffect === 'scale') {
+            hoverCSS += '.' + widgetClass + ' .a1tools-ed-icon:hover { transform: scale(1.1); }';
+        } else if (hoverEffect === 'lift') {
+            hoverCSS += '.' + widgetClass + ' .a1tools-ed-icon:hover { transform: translateY(-3px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }';
+        } else if (hoverEffect === 'rotate') {
+            hoverCSS += '.' + widgetClass + ' .a1tools-ed-icon:hover { transform: rotate(15deg); }';
+        } else if (hoverEffect === 'pulse') {
+            hoverCSS += '.' + widgetClass + ' .a1tools-ed-icon:hover { animation: a1tools-pulse 0.5s ease; }';
+            hoverCSS += '@keyframes a1tools-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.15); } }';
+        }
+
+        // Custom hover colors
+        if (style === 'custom' && (customHoverIconColor || customHoverBgColor || customHoverBorderColor)) {
+            var hoverRules = '';
+            if (customHoverIconColor) {
+                hoverRules += 'color:' + customHoverIconColor + ' !important;';
+            }
+            if (customHoverBgColor) {
+                hoverRules += 'background-color:' + customHoverBgColor + ' !important;';
+            }
+            if (customHoverBorderColor && customBorderWidth > 0) {
+                hoverRules += 'border-color:' + customHoverBorderColor + ' !important;';
+            }
+            if (hoverRules) {
+                hoverCSS += '.' + widgetClass + ' .a1tools-ed-icon:hover { ' + hoverRules + ' }';
+                if (customHoverIconColor) {
+                    hoverCSS += '.' + widgetClass + ' .a1tools-ed-icon:hover i { color:' + customHoverIconColor + ' !important; }';
+                }
+            }
+        }
         #>
-        <div class="a1tools-social-icons-wrapper" style="display: flex; flex-wrap: wrap; gap: {{ spacing }}px; justify-content: {{ justifyContent }};">
+        <style>{{{ hoverCSS }}}</style>
+        <div class="a1tools-social-icons-wrapper {{ widgetClass }}" style="display: flex; flex-wrap: wrap; gap: {{ spacing }}px; justify-content: {{ justifyContent }};">
             <# _.each(platforms, function(platform) {
                 var bgColor = '';
@@ -626 +667 @@
                 }
             #>
-            <a href="#" style="display: inline-flex; align-items: center; justify-content: center; width: {{ size }}px; height: {{ size }}px; background: {{ bgColor }}; color: {{ iconColor }}; border-radius: {{ borderRadius }}; border: {{ border }}; text-decoration: none; transition: all 0.3s ease;">
-                <i class="{{ platform.prefix }} {{ platform.icon }}" style="font-size: {{ iconSize }}px;"></i>
+            <a href="#" class="a1tools-ed-icon" style="display: inline-flex; align-items: center; justify-content: center; width: {{ size }}px; height: {{ size }}px; background: {{ bgColor }}; color: {{ iconColor }}; border-radius: {{ borderRadius }}; border: {{ border }}; text-decoration: none; transition: all 0.3s ease; box-sizing: border-box;">
+                <i class="{{ platform.prefix }} {{ platform.icon }}" style="font-size: {{ iconSize }}px; color: inherit;"></i>
             </a>
             <# }); #>

a1-tools/trunk/readme.txt

@@ -4 +4 @@
 Requires at least: 5.0
 Tested up to: 6.9
-Stable tag: 1.4.6
+Stable tag: 1.4.7
 Requires PHP: 7.4
 License: GPLv2 or later
@@ -151 +151 @@
 
 == Changelog ==
+
+= 1.4.7 =
+* Fixed hover effects (scale, lift, rotate, pulse) not showing in Elementor editor preview
+* Fixed custom hover colors not applying in Elementor editor preview
+* Editor preview now matches frontend hover behavior
 
 = 1.4.6 =