Version 1.0.10

core/basic/zaso-hover-card-widgets/styles/default.less

@@ -73,6 +73,9 @@
   }
 
   &__caption--fadein {
+    transition: 0.7s bottom ease-in-out;
+    bottom: 0;
+    visibility: visible;
     opacity: 1;
   }
 
@@ -126,7 +129,7 @@
   }
 
   &__modal--fadein {
-    transition: 0.4s opacity ease-in;
+    transition: 0.3s opacity ease-in-out;
     opacity: 0;
     top: 0;
   }
@@ -136,7 +139,9 @@
 .zaso-hover-card:hover {
   .zaso-hover-card__caption {
     &--fadein {
-      opacity: 0;
+      visibility: hidden;
+      opacity: 1;
+      bottom: -100%;
     }
   }
 

core/basic/zaso-youtube-lightbox-widgets/styles/style.scss

@@ -8,12 +8,31 @@
     display: inline-block;
   }
 
-  &__playbutton {
+  &__playbutton,
+  &__playbutton-hover {
+    display: inline-block;
+    opacity: 1;
+    transition: opacity 0.3s ease-in-out;
     position: absolute;
     top: 50%;
     left: 50%;
     -ms-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%); 
+    transform: translate(-50%, -50%);
+  }
+
+  &__playbutton-hover {
+    display: inline-block;
+    opacity: 0;
+  }
+
+  &:hover {
+    .zaso-youtube-lightbox__playbutton {
+      opacity: 0;
+    }
+
+    .zaso-youtube-lightbox__playbutton-hover {
+      opacity: 1;
+    }
   }
 }
 

core/basic/zaso-youtube-lightbox-widgets/tpl/default.php

@@ -16,6 +16,7 @@
 
 $video_thumb = wp_get_attachment_image_src( $instance['video_thumb'], 'full' )[0];
 $video_play_button = wp_get_attachment_image_src( $instance['video_play_button'], 'full' );
+$video_play_button_hover = wp_get_attachment_image_src( $instance['video_play_button_hover'], 'full' );
 ?>
 
 <div <?php echo zaso_format_field_extra_id( $instance['extra_id'] ); ?> class="zaso-youtube-lightbox <?php echo $instance['extra_class']; ?>" role="dialog">
@@ -28,7 +29,11 @@
             <?php endif; ?>
 
             <?php if ( $video_play_button && $video_thumb ) : ?>
-                <div class="zaso-youtube-lightbox__playbutton" style="background: url(<?php echo $video_play_button[0]; ?>) no-repeat center center; display: inline-block; width: <?php echo $video_play_button[1]; ?>px; height: <?php echo $video_play_button[2]; ?>px;"></div>
+                <div class="zaso-youtube-lightbox__playbutton" style="background: url(<?php echo $video_play_button[0]; ?>) no-repeat center center; width: <?php echo $video_play_button[1]; ?>px; height: <?php echo $video_play_button[2]; ?>px;"></div>
+
+                <?php if ( $video_play_button_hover ) : ?>
+                    <div class="zaso-youtube-lightbox__playbutton-hover" style="background: url(<?php echo $video_play_button_hover[0]; ?>) no-repeat center center; width: <?php echo $video_play_button_hover[1]; ?>px; height: <?php echo $video_play_button_hover[2]; ?>px;"></div>
+                <?php endif; ?>
             <?php endif; ?>
         </a>
     </div>

core/basic/zaso-youtube-lightbox-widgets/zaso-youtube-lightbox-widgets.php

@@ -43,6 +43,12 @@ function __construct() {
 				'library' => 'image',
 				'fallback' => true
 			),
+			'video_play_button_hover' => array(
+				'type'  => 'media',
+				'label' => __( 'Video Play Button Image (Hover)', 'zaso' ),
+				'library' => 'image',
+				'fallback' => true
+			),
 			'video_thumb' => array(
 				'type'  => 'media',
 				'label' => __( 'Video Thumbnail', 'zaso' ),

readme.md

@@ -3,8 +3,8 @@
 **Contributors:** ksym04  
 **Tags:** zaso, widgets, siteorigin, addons, page builder  
 **Requires at least:** 4.4  
-**Tested up to:** 5.5  
-**Stable tag:** 1.0.9  
+**Tested up to:** 5.5.1  
+**Stable tag:** 1.0.10  
 **License:** GPLv3  
 **License URI:** license.txt  
 
@@ -62,6 +62,10 @@ First, please ensure that 'SiteOrigin Widgets Bundle' plugin was installed, then
 
 ## Changelog ##
 
+### 1.0.10 ###
+* Tweak: Added hover event option YouTube Video Lightbox
+* Tweak: Improved hover card transition
+
 ### 1.0.9 ###
 * New: Added new widget 'Hover Card'
 * Tweak: ARIA roles improvements

readme.txt

@@ -3,7 +3,7 @@ Contributors: ksym04
 Tags: zaso, widgets, siteorigin, addons, page builder
 Requires at least: 4.4
 Tested up to: 5.5
-Stable tag: 1.0.9
+Stable tag: 1.0.10
 License: GPLv3
 License URI: license.txt
 
@@ -59,6 +59,10 @@ First, please ensure that 'SiteOrigin Widgets Bundle' plugin was installed, then
 
 == Changelog ==
 
+= 1.0.10 =
+* Tweak: Added hover event option YouTube Video Lightbox
+* Tweak: Improved hover card transition
+
 = 1.0.9 =
 * New: Added new widget 'Hover Card'
 * Tweak: ARIA roles improvements

zen-addons-siteorigin.php

@@ -2,7 +2,7 @@
 /*
 Plugin Name: Zen Addons for SiteOrigin Page Builder
 Description: Just another collection of helpful widget extensions for SiteOrigin Page Builder. Simple but flexible and useful.
-Version: 1.0.9
+Version: 1.0.10
 Author: DopeThemes
 Author URI: https://www.dopethemes.com/
 Plugin URI: https://www.dopethemes.com/downloads/zen-addons-siteorigin/
@@ -39,7 +39,7 @@
 class zen_addons_siteorigin {
 
 	// vars
-	var $version = '1.0.9';
+	var $version = '1.0.10';
 
 	/*
 	*  __construct