Premium Addons for Elementor - Version 2.1.8

Version Description

  • Tweak: Added Ripple effect option for navigation dots in Premium Carousel widget.
  • Fix: Minor bugs and improvements.
Download this release

Release Info

Developer leap13
Plugin Icon 128x128 Premium Addons for Elementor
Version 2.1.8
Comparing to
See all releases

Code changes from version 2.1.7 to 2.1.8

Files changed (5) hide show
  1. admin/settings-page.php +1 -1
  2. assets/css/premium-addons.css +47 -0
  3. premium-addons-for-elementor.php +3 -3
  4. readme.txt +6 -1
  5. widgets/premium-carousel.php +55 -2
admin/settings-page.php CHANGED
@@ -356,7 +356,7 @@ class PA_admin_settings {
356
 
357
  <tr class="pa-roll-row">
358
  <th>Rollback Version</th>
359
- <td><div><?php echo sprintf( '<a target="_blank" href="%s" class="button pa-btn pa-rollback-button elementor-button-spinner">Reinstall Version 2.1.6</a>', wp_nonce_url( admin_url( 'admin-post.php?action=premium_addons_rollback' ), 'premium_addons_rollback' ) ); ?> </div><p class="pa-roll-desc"><span>Warning: Please backup your database before making the rollback.</span></p></td>
360
  </tr>
361
  <tr>
362
  <th><h4 class="pa-beta-test">Become a Beta Tester</h4><span class="pa-beta-test-span">Turn-on Beta Tester, to get notified when a new beta version of Premium Addons for Elementor. The Beta version will not install automatically. You always have the option to ignore it.</span></th>
356
 
357
  <tr class="pa-roll-row">
358
  <th>Rollback Version</th>
359
+ <td><div><?php echo sprintf( '<a target="_blank" href="%s" class="button pa-btn pa-rollback-button elementor-button-spinner">Reinstall Version 2.1.7</a>', wp_nonce_url( admin_url( 'admin-post.php?action=premium_addons_rollback' ), 'premium_addons_rollback' ) ); ?> </div><p class="pa-roll-desc"><span>Warning: Please backup your database before making the rollback.</span></p></td>
360
  </tr>
361
  <tr>
362
  <th><h4 class="pa-beta-test">Become a Beta Tester</h4><span class="pa-beta-test-span">Turn-on Beta Tester, to get notified when a new beta version of Premium Addons for Elementor. The Beta version will not install automatically. You always have the option to ignore it.</span></th>
assets/css/premium-addons.css CHANGED
@@ -700,6 +700,53 @@ ul.slick-dots li {
700
  height: 20px;
701
  cursor: pointer;
702
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
703
  /**************** Premium Counter ***************/
704
  /************************************************/
705
  .premium-counter-area {
700
  height: 20px;
701
  cursor: pointer;
702
  }
703
+ /* Ripple Out */
704
+ @-webkit-keyframes hvr-ripple-out {
705
+ 100% {
706
+ top: -12px;
707
+ right: -12px;
708
+ bottom: -12px;
709
+ left: -12px;
710
+ opacity: 0;
711
+ }
712
+ }
713
+ @keyframes hvr-ripple-out {
714
+ 100% {
715
+ top: -12px;
716
+ right: -12px;
717
+ bottom: -12px;
718
+ left: -12px;
719
+ opacity: 0;
720
+ }
721
+ }
722
+ .premium-carousel-wrapper.hvr-ripple-out {
723
+ padding-bottom: 1px;
724
+ }
725
+ .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active {
726
+ display: inline-block;
727
+
728
+ -webkit-transform: perspective(0px) translateZ(0);
729
+ transform: perspective(0px) translateZ(0);
730
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
731
+ position: relative;
732
+ }
733
+ .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:before {
734
+ content: '';
735
+ position: absolute;
736
+ border: 1px solid;
737
+ border-radius: 50%;
738
+ top: 3.7px;
739
+ right: 5px;
740
+ bottom: 6.8px;
741
+ left: 5.5px;
742
+ -webkit-animation-duration: 1s;
743
+ animation-duration: 1s;
744
+ animation-iteration-count: infinite;
745
+ }
746
+ .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:hover:before, .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:focus:before, .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:active:before {
747
+ -webkit-animation-name: hvr-ripple-out;
748
+ animation-name: hvr-ripple-out;
749
+ }
750
  /**************** Premium Counter ***************/
751
  /************************************************/
752
  .premium-counter-area {
premium-addons-for-elementor.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Premium Addons for Elementor
4
  Description: Premium Addons Plugin Includes 20 premium widgets for Elementor Page Builder.
5
  Plugin URI: https://premiumaddons.com
6
- Version: 2.1.7
7
  Author: Leap13
8
  Author URI: http://leap13.com/
9
  Text Domain: premium-addons-for-elementor
@@ -22,12 +22,12 @@ if( !function_exists('add_action') ) {
22
 
23
  if( !defined( 'ABSPATH' ) ) exit; // No access of directly access
24
 
25
- define( 'PREMIUM_ADDONS_VERSION', '2.1.7' );
26
  define( 'PREMIUM_ADDONS_URL', plugins_url('/', __FILE__ ) );
27
  define( 'PREMIUM_ADDONS_PATH', plugin_dir_path( __FILE__ ) );
28
  define( 'PREMIUM_ADDONS_FILE', __FILE__ );
29
  define( 'PREMIUM_ADDONS_BASENAME', plugin_basename(__FILE__));
30
- define( 'PREMIUM_ADDONS_STABLE_VERSION', '2.1.6');
31
 
32
 
33
  /**
3
  Plugin Name: Premium Addons for Elementor
4
  Description: Premium Addons Plugin Includes 20 premium widgets for Elementor Page Builder.
5
  Plugin URI: https://premiumaddons.com
6
+ Version: 2.1.8
7
  Author: Leap13
8
  Author URI: http://leap13.com/
9
  Text Domain: premium-addons-for-elementor
22
 
23
  if( !defined( 'ABSPATH' ) ) exit; // No access of directly access
24
 
25
+ define( 'PREMIUM_ADDONS_VERSION', '2.1.8' );
26
  define( 'PREMIUM_ADDONS_URL', plugins_url('/', __FILE__ ) );
27
  define( 'PREMIUM_ADDONS_PATH', plugin_dir_path( __FILE__ ) );
28
  define( 'PREMIUM_ADDONS_FILE', __FILE__ );
29
  define( 'PREMIUM_ADDONS_BASENAME', plugin_basename(__FILE__));
30
+ define( 'PREMIUM_ADDONS_STABLE_VERSION', '2.1.7');
31
 
32
 
33
  /**
readme.txt CHANGED
@@ -5,7 +5,7 @@ Donate link: http://premiumaddons.com
5
  Requires at least: 4.5
6
  Tested up to: 4.9.5
7
  Requires PHP: 5.4
8
- Stable tag: 2.1.7
9
  License: GPL v3.0
10
  License URI: https://opensource.org/licenses/GPL-3.0
11
 
@@ -99,6 +99,11 @@ Premium Addons for Elementor is light weight and we also gave you the control to
99
 
100
  == Changelog ==
101
 
 
 
 
 
 
102
  = 2.1.7 =
103
 
104
  - Tweak: Added transition effect for Premium Modal Box widget.
5
  Requires at least: 4.5
6
  Tested up to: 4.9.5
7
  Requires PHP: 5.4
8
+ Stable tag: 2.1.8
9
  License: GPL v3.0
10
  License URI: https://opensource.org/licenses/GPL-3.0
11
 
99
 
100
  == Changelog ==
101
 
102
+ = 2.1.8 =
103
+
104
+ - Tweak: Added Ripple effect option for navigation dots in Premium Carousel widget.
105
+ - Fix: Minor bugs and improvements.
106
+
107
  = 2.1.7 =
108
 
109
  - Tweak: Added transition effect for Premium Modal Box widget.
widgets/premium-carousel.php CHANGED
@@ -548,6 +548,53 @@ class Premium_Carousel_Widget extends Widget_Base {
548
  ]
549
  ]
550
  );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
551
 
552
  $this->end_controls_section();
553
 
@@ -856,6 +903,12 @@ class Premium_Carousel_Widget extends Widget_Base {
856
  $animation_class = $settings['premium_carousel_animation_list'];
857
  $animation = 'class="item-wrapper" data-animation="animated ' . $animation_class .'"';
858
 
 
 
 
 
 
 
859
  $carousel_settings = [
860
  'vertical' => $vertical,
861
  'slidesToScroll'=> $slidesToScroll,
@@ -880,7 +933,7 @@ class Premium_Carousel_Widget extends Widget_Base {
880
  ];
881
  ?>
882
 
883
- <div id="premium-carousel-wrapper-<?php echo esc_attr( $this->get_id() ); ?>" class="premium-carousel-wrapper carousel-wrapper-<?php echo esc_attr( $this->get_id() ); ?><?php echo $extra_class;?>" <?php echo $dir; ?> data-settings='<?php echo wp_json_encode($carousel_settings); ?>'>
884
  <div id="premium-carousel-<?php echo esc_attr( $this->get_id() ); ?>" class="premium-carousel-inner">
885
  <?php
886
  $premium_elements_page_id = is_array( $settings['premium_carousel_slider_content'] ) ? $settings['premium_carousel_slider_content'] : array();
@@ -907,4 +960,4 @@ class Premium_Carousel_Widget extends Widget_Base {
907
  <?php
908
  }
909
  }
910
- Plugin::instance()->widgets_manager->register_widget_type( new Premium_Carousel_Widget() );
548
  ]
549
  ]
550
  );
551
+
552
+ $this->add_control(
553
+ 'premium_carousel_navigation_effect',
554
+ [
555
+ 'label' => esc_html__( 'Ripple Effect', 'premium-addons-for-elementor' ),
556
+ 'description' => esc_html__( 'Enable a ripple effect when the active dot is hovered/clicked', 'premium-addons-for-elementor' ),
557
+ 'type' => Controls_Manager::SWITCHER,
558
+ 'condition' => [
559
+ 'premium_carousel_dot_navigation_show' => 'yes'
560
+ ],
561
+ ]
562
+ );
563
+
564
+ $this->add_control(
565
+ 'premium_carousel_navigation_effect_border_color',
566
+ [
567
+ 'label' => esc_html__( 'Ripple Color', 'premium-addons-for-elementor' ),
568
+ 'type' => Controls_Manager::COLOR,
569
+ 'scheme' => [
570
+ 'type' => Scheme_Color::get_type(),
571
+ 'value' => Scheme_Color::COLOR_1,
572
+ ],
573
+ 'condition' => [
574
+ 'premium_carousel_dot_navigation_show' => 'yes',
575
+ 'premium_carousel_navigation_effect' => 'yes'
576
+ ],
577
+ 'selectors' => [
578
+ '{{WRAPPER}} .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:before' => 'border-color: {{VALUE}}'
579
+ ]
580
+ ]
581
+ );
582
+
583
+ /*First Border Radius*/
584
+ $this->add_control('premium_carousel_navigation_effect_border_radius',
585
+ [
586
+ 'label' => esc_html__('Border Radius', 'premium-addons-for-elementor'),
587
+ 'type' => Controls_Manager::SLIDER,
588
+ 'size_units' => ['px', '%', 'em'],
589
+ 'condition' => [
590
+ 'premium_carousel_dot_navigation_show' => 'yes',
591
+ 'premium_carousel_navigation_effect' => 'yes'
592
+ ],
593
+ 'selectors' => [
594
+ '{{WRAPPER}} .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:before' => 'border-radius: {{SIZE}}{{UNIT}};'
595
+ ]
596
+ ]
597
+ );
598
 
599
  $this->end_controls_section();
600
 
903
  $animation_class = $settings['premium_carousel_animation_list'];
904
  $animation = 'class="item-wrapper" data-animation="animated ' . $animation_class .'"';
905
 
906
+ if($settings['premium_carousel_navigation_effect'] == 'yes') {
907
+ $dot_anim = 'hvr-ripple-out';
908
+ } else {
909
+ $dot_anim = '';
910
+ }
911
+
912
  $carousel_settings = [
913
  'vertical' => $vertical,
914
  'slidesToScroll'=> $slidesToScroll,
933
  ];
934
  ?>
935
 
936
+ <div id="premium-carousel-wrapper-<?php echo esc_attr( $this->get_id() ); ?>" class="premium-carousel-wrapper <?php echo esc_attr($dot_anim); ?> carousel-wrapper-<?php echo esc_attr( $this->get_id() ); ?><?php echo $extra_class;?>" <?php echo $dir; ?> data-settings='<?php echo wp_json_encode($carousel_settings); ?>'>
937
  <div id="premium-carousel-<?php echo esc_attr( $this->get_id() ); ?>" class="premium-carousel-inner">
938
  <?php
939
  $premium_elements_page_id = is_array( $settings['premium_carousel_slider_content'] ) ? $settings['premium_carousel_slider_content'] : array();
960
  <?php
961
  }
962
  }
963
+ Plugin::instance()->widgets_manager->register_widget_type( new Premium_Carousel_Widget() );