Elementor Essential Addons - Version 2.8.2

Version Description

  • Filterable Gallery card hover effect issue fixed
  • Flibox image styling issue fixed
  • Few minor bugfix and improvements
Download this release

Release Info

Developer re_enter_rupok
Plugin Icon 128x128 Elementor Essential Addons
Version 2.8.2
Comparing to
See all releases

Code changes from version 2.8.1 to 2.8.2

Files changed (7) hide show
  1. assets/css/essential-addons-elementor.css +33 -6
  2. assets/js/eael-scripts.js +0 -0
  3. elements/filterable-gallery/filterable-gallery.php +98 -28
  4. elements/flipbox/flipbox.php +1 -0
  5. essential_adons_elementor.php +2 -2
  6. includes/elementor-helper.php +0 -0
  7. readme.txt +6 -1
assets/css/essential-addons-elementor.css CHANGED
@@ -2460,8 +2460,10 @@ opacity: 1; }
2460
  text-align: center;
2461
  }
2462
 
2463
- .eael-flipbox-img-circle .eael-elements-flip-box-icon-image img {
2464
- border-radius: 50%;
 
 
2465
  }
2466
 
2467
 
@@ -4247,10 +4249,6 @@ img.mfp-img {
4247
  /*------------------------------*/
4248
  /* Filterable Gallery
4249
  /*------------------------------*/
4250
-
4251
- /*------------------------------*/
4252
- /* 37. Filterable Gallery
4253
- /*------------------------------*/
4254
  .eael-filter-gallery-control {
4255
  width: 100%;
4256
  }
@@ -4722,6 +4720,35 @@ img.mfp-img {
4722
  opacity: 1;
4723
  }
4724
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4725
  /* ---------------------- Gallery Column CSS ----------------------- */
4726
  @media only screen and (min-width: 1025px) {
4727
  /* For Desktop: */
2460
  text-align: center;
2461
  }
2462
 
2463
+ .eael-flipbox-img-circle .eael-elements-flip-box-icon-image img,
2464
+ .eael-flipbox-img-circle .flipbox-back-image-icon img {
2465
+ border-radius: 50%;
2466
+ overflow: hidden;
2467
  }
2468
 
2469
 
4249
  /*------------------------------*/
4250
  /* Filterable Gallery
4251
  /*------------------------------*/
 
 
 
 
4252
  .eael-filter-gallery-control {
4253
  width: 100%;
4254
  }
4720
  opacity: 1;
4721
  }
4722
 
4723
+ .gallery-item-thumbnail-wrap > .gallery-item-caption-wrap {
4724
+ position: absolute;
4725
+ left: 0;
4726
+ top: 0;
4727
+ height: 100%;
4728
+ width: 100%;
4729
+ display: flex;
4730
+ align-items: center;
4731
+ justify-content: center;
4732
+ }
4733
+
4734
+ .gallery-item-caption-wrap.card-hover-bg {
4735
+ visibility: hidden;
4736
+ opacity: 0;
4737
+ transition: 800ms;
4738
+ }
4739
+
4740
+ .gallery-item-thumbnail-wrap:hover .gallery-item-caption-wrap.card-hover-bg {
4741
+ visibility: visible;
4742
+ opacity: 1;
4743
+ }
4744
+
4745
+ .gallery-item-caption-wrap .gallery-item-buttons > a > i {
4746
+ display: flex;
4747
+ align-items: center;
4748
+ justify-content: center;
4749
+ height: 100%;
4750
+ }
4751
+
4752
  /* ---------------------- Gallery Column CSS ----------------------- */
4753
  @media only screen and (min-width: 1025px) {
4754
  /* For Desktop: */
assets/js/eael-scripts.js CHANGED
File without changes
elements/filterable-gallery/filterable-gallery.php CHANGED
@@ -98,7 +98,7 @@ class Widget_Eael_Filterable_Gallery extends Widget_Base {
98
  $this->add_control(
99
  'eael_fg_grid_item_height',
100
  [
101
- 'label' => esc_html__( 'Gird item height', 'essential-addons-elementor' ),
102
  'type' => Controls_Manager::TEXT,
103
  'default' => '300',
104
  'condition' => [
@@ -147,7 +147,7 @@ class Widget_Eael_Filterable_Gallery extends Widget_Base {
147
  'label' => esc_html__( 'Hover Transition', 'essential-addons-elementor' ),
148
  'type' => Controls_Manager::SLIDER,
149
  'default' => [
150
- 'size' => 100,
151
  ],
152
  'range' => [
153
  'px' => [
@@ -1044,6 +1044,36 @@ class Widget_Eael_Filterable_Gallery extends Widget_Base {
1044
 
1045
  $this->end_controls_section();
1046
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1047
  /**
1048
  * -------------------------------------------
1049
  * Tab Style (Video item Style)
@@ -1365,11 +1395,37 @@ class Widget_Eael_Filterable_Gallery extends Widget_Base {
1365
  );
1366
 
1367
  $this->add_control(
1368
- 'eael_fg_item_icon_size',
1369
  [
1370
  'label' => esc_html__( 'Icon Size', 'essential-addons-elementor' ),
1371
  'type' => Controls_Manager::SLIDER,
1372
  'size_units' => [ 'px', 'em' ],
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1373
  'range' => [
1374
  'px' => [
1375
  'max' => 50,
@@ -1378,6 +1434,10 @@ class Widget_Eael_Filterable_Gallery extends Widget_Base {
1378
  'max' => 50,
1379
  ]
1380
  ],
 
 
 
 
1381
  'selectors' => [
1382
  '{{WRAPPER}} .gallery-item-caption-wrap .gallery-item-buttons > a' => 'font-size: {{SIZE}}{{UNIT}};',
1383
  ],
@@ -1764,6 +1824,33 @@ class Widget_Eael_Filterable_Gallery extends Widget_Base {
1764
  return $gallery_store;
1765
  }
1766
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1767
  protected function render_gallery_items( $init_show = 0 ) {
1768
  $settings = $this->get_settings_for_display();
1769
  $gallery = $this->gallery_item_store();
@@ -1785,6 +1872,12 @@ class Widget_Eael_Filterable_Gallery extends Widget_Base {
1785
  $html .= '<div class="gallery-item-thumbnail-wrap">
1786
  <img src="'.$item['image'].'" alt="'.$item['title'].'">';
1787
 
 
 
 
 
 
 
1788
  if( isset($item['video_gallery_switch']) && ($item['video_gallery_switch'] === 'true') ) {
1789
  $icon_url = isset($item['play_icon']['url']) ? $item['play_icon']['url'] : '';
1790
  $video_url = isset($item['video_link']) ? $item['video_link'] : '#';
@@ -1825,31 +1918,8 @@ class Widget_Eael_Filterable_Gallery extends Widget_Base {
1825
  <h5 class="fg-item-title">'.$item['title'].'</h5>
1826
  <p class="fg-item-content">'.$item['content'].'</p>
1827
  ';
1828
- if( $settings['eael_fg_show_popup'] == 'buttons') {
1829
-
1830
- $html .= '<div class="gallery-item-buttons">';
1831
-
1832
- if( ! empty($settings['eael_section_fg_zoom_icon']) && ($item['show_lightbox'] == true) ) {
1833
- $html .='<a href="'.esc_url($item['image']).'" class="eael-magnific-link"><i class="'.$settings['eael_section_fg_zoom_icon'].'" aria-hidden="true"></i></a>';
1834
- }
1835
-
1836
- if( $item['maybe_link'] == 'true' ) {
1837
- $a_string = 'href="'.esc_url($item['link']['url']).'"';
1838
-
1839
- if($item['link']['nofollow']) {
1840
- $a_string .= 'rel="nofollow"';
1841
- }
1842
-
1843
- if($item['link']['is_external']) {
1844
- $a_string .= 'target="_blank"';
1845
- }
1846
-
1847
- if( ! empty($settings['eael_section_fg_link_icon']) ) {
1848
- $html .= '<a '.$a_string.'><i class="'.$settings['eael_section_fg_link_icon'].'" aria-hidden="true"></i></a>';
1849
- }
1850
- }
1851
-
1852
- $html .= '</div>';
1853
  }
1854
  $html .= '</div></div>';
1855
  }
98
  $this->add_control(
99
  'eael_fg_grid_item_height',
100
  [
101
+ 'label' => esc_html__( 'Image Height', 'essential-addons-elementor' ),
102
  'type' => Controls_Manager::TEXT,
103
  'default' => '300',
104
  'condition' => [
147
  'label' => esc_html__( 'Hover Transition', 'essential-addons-elementor' ),
148
  'type' => Controls_Manager::SLIDER,
149
  'default' => [
150
+ 'size' => 500,
151
  ],
152
  'range' => [
153
  'px' => [
1044
 
1045
  $this->end_controls_section();
1046
 
1047
+ /**
1048
+ * -------------------------------------------
1049
+ * Tab Style (Filterable Gallery card Style)
1050
+ * -------------------------------------------
1051
+ */
1052
+ $this->start_controls_section(
1053
+ 'eael_section_fg_item_card_hover_style',
1054
+ [
1055
+ 'label' => esc_html__( 'Item Hover Style', 'essential-addons-elementor' ),
1056
+ 'tab' => Controls_Manager::TAB_STYLE,
1057
+ 'condition' => [
1058
+ 'eael_fg_caption_style' => 'card'
1059
+ ]
1060
+ ]
1061
+ );
1062
+
1063
+ $this->add_control(
1064
+ 'eael_fg_item_card_hover_bg_color',
1065
+ [
1066
+ 'label' => esc_html__( 'Background Color', 'essential-addons-elementor' ),
1067
+ 'type' => Controls_Manager::COLOR,
1068
+ 'default' => 'rgba(0,0,0,0.7)',
1069
+ 'selectors' => [
1070
+ '{{WRAPPER}} .gallery-item-caption-wrap.card-hover-bg' => 'background-color: {{VALUE}};',
1071
+ ],
1072
+ ]
1073
+ );
1074
+
1075
+ $this->end_controls_section();
1076
+
1077
  /**
1078
  * -------------------------------------------
1079
  * Tab Style (Video item Style)
1395
  );
1396
 
1397
  $this->add_control(
1398
+ 'eael_fg_item_icon_exact_size',
1399
  [
1400
  'label' => esc_html__( 'Icon Size', 'essential-addons-elementor' ),
1401
  'type' => Controls_Manager::SLIDER,
1402
  'size_units' => [ 'px', 'em' ],
1403
+ 'range' => [
1404
+ 'px' => [
1405
+ 'min' => 50,
1406
+ 'max' => 120,
1407
+ ],
1408
+ 'em' => [
1409
+ 'min' => 10,
1410
+ 'max' => 50,
1411
+ ]
1412
+ ],
1413
+ 'default' => [
1414
+ 'unit' => 'px',
1415
+ 'size' => 50
1416
+ ],
1417
+ 'selectors' => [
1418
+ '{{WRAPPER}} .gallery-item-caption-wrap .gallery-item-buttons > a' => 'height: {{SIZE}}{{UNIT}}; line-height: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}};',
1419
+ ],
1420
+ ]
1421
+ );
1422
+
1423
+ $this->add_control(
1424
+ 'eael_fg_item_icon_size',
1425
+ [
1426
+ 'label' => esc_html__( 'Icon Font Size', 'essential-addons-elementor' ),
1427
+ 'type' => Controls_Manager::SLIDER,
1428
+ 'size_units' => [ 'px', 'em' ],
1429
  'range' => [
1430
  'px' => [
1431
  'max' => 50,
1434
  'max' => 50,
1435
  ]
1436
  ],
1437
+ 'default' => [
1438
+ 'unit' => 'px',
1439
+ 'size' => 18
1440
+ ],
1441
  'selectors' => [
1442
  '{{WRAPPER}} .gallery-item-caption-wrap .gallery-item-buttons > a' => 'font-size: {{SIZE}}{{UNIT}};',
1443
  ],
1824
  return $gallery_store;
1825
  }
1826
 
1827
+ protected function eael_render_fg_buttons($settings, $item) {
1828
+ $html = '<div class="gallery-item-buttons">';
1829
+
1830
+ if( ! empty($settings['eael_section_fg_zoom_icon']) && ($item['show_lightbox'] == true) ) {
1831
+ $html .='<a href="'.esc_url($item['image']).'" class="eael-magnific-link"><i class="'.$settings['eael_section_fg_zoom_icon'].'" aria-hidden="true"></i></a>';
1832
+ }
1833
+
1834
+ if( $item['maybe_link'] == 'true' ) {
1835
+ $a_string = 'href="'.esc_url($item['link']['url']).'"';
1836
+
1837
+ if($item['link']['nofollow']) {
1838
+ $a_string .= 'rel="nofollow"';
1839
+ }
1840
+
1841
+ if($item['link']['is_external']) {
1842
+ $a_string .= 'target="_blank"';
1843
+ }
1844
+
1845
+ if( ! empty($settings['eael_section_fg_link_icon']) ) {
1846
+ $html .= '<a '.$a_string.'><i class="'.$settings['eael_section_fg_link_icon'].'" aria-hidden="true"></i></a>';
1847
+ }
1848
+ }
1849
+
1850
+ $html .= '</div>';
1851
+ return $html;
1852
+ }
1853
+
1854
  protected function render_gallery_items( $init_show = 0 ) {
1855
  $settings = $this->get_settings_for_display();
1856
  $gallery = $this->gallery_item_store();
1872
  $html .= '<div class="gallery-item-thumbnail-wrap">
1873
  <img src="'.$item['image'].'" alt="'.$item['title'].'">';
1874
 
1875
+ if( $settings['eael_fg_show_popup'] == 'buttons' && $settings['eael_fg_caption_style'] === 'card') {
1876
+ $html .= '<div class="gallery-item-caption-wrap card-hover-bg caption-style-hoverer '.$settings['eael_fg_grid_hover_style'].'">';
1877
+ $html .= ($this->eael_render_fg_buttons($settings, $item));
1878
+ $html .= '</div>';
1879
+ }
1880
+
1881
  if( isset($item['video_gallery_switch']) && ($item['video_gallery_switch'] === 'true') ) {
1882
  $icon_url = isset($item['play_icon']['url']) ? $item['play_icon']['url'] : '';
1883
  $video_url = isset($item['video_link']) ? $item['video_link'] : '#';
1918
  <h5 class="fg-item-title">'.$item['title'].'</h5>
1919
  <p class="fg-item-content">'.$item['content'].'</p>
1920
  ';
1921
+ if( $settings['eael_fg_show_popup'] == 'buttons' && $settings['eael_fg_caption_style'] !== 'card') {
1922
+ $html .= ($this->eael_render_fg_buttons($settings, $item));
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1923
  }
1924
  $html .= '</div></div>';
1925
  }
elements/flipbox/flipbox.php CHANGED
@@ -601,6 +601,7 @@ class Widget_Eael_Flip_Box extends Widget_Base {
601
  ],
602
  'selectors' => [
603
  '{{WRAPPER}} .eael-elements-flip-box-icon-image img' => 'border-radius: {{SIZE}}px;',
 
604
  ],
605
  'condition' => [
606
  'eael_flipbox_img_or_icon' => 'img',
601
  ],
602
  'selectors' => [
603
  '{{WRAPPER}} .eael-elements-flip-box-icon-image img' => 'border-radius: {{SIZE}}px;',
604
+ '{{WRAPPER}} .flipbox-back-image-icon img' => 'border-radius: {{SIZE}}px;',
605
  ],
606
  'condition' => [
607
  'eael_flipbox_img_or_icon' => 'img',
essential_adons_elementor.php CHANGED
@@ -4,7 +4,7 @@
4
  * Description: The ultimate elements library for Elementor page builder plugin for WordPress.
5
  * Plugin URI: https://essential-addons.com/elementor/
6
  * Author: WPDeveloper
7
- * Version: 2.8.1
8
  * Author URI: https://wpdeveloper.net/
9
  *
10
  * Text Domain: essential-addons-elementor
@@ -352,7 +352,7 @@ function eael_admin_notice() {
352
  if ( ! get_user_meta($user_id, 'eael_ignore_notice280') ) {
353
  echo '<div class="eael-admin-notice updated" style="display: flex; align-items: center; padding-left: 0; border-left-color: #EF4B53"><p style="width: 32px;">';
354
  echo '<img style="width: 100%; display: block;" src="' . plugins_url( '/', __FILE__ ).'admin/assets/images/icon-bolt.svg'. '" ></p><p> ';
355
- printf(__('<strong>Essential Addons for Elementor</strong> now powering <strong>70,000+</strong> websites. Use the coupon code <strong>ACTIVE70K</strong> to redeem a <strong>25&#37; </strong> discount on Pro. <a href="https://wpdeveloper.net/in/eael-pricing" target="_blank" style="text-decoration: none;"><span class="dashicons dashicons-smiley" style="margin-left: 10px;"></span> Apply Coupon</a>
356
  <a href="%1$s" style="text-decoration: none; margin-left: 10px;"><span class="dashicons dashicons-dismiss"></span> I\'m good with free version</a>'), admin_url( 'admin.php?page=eael-settings&eael_nag_ignore=0' ));
357
  echo "</p></div>";
358
  }
4
  * Description: The ultimate elements library for Elementor page builder plugin for WordPress.
5
  * Plugin URI: https://essential-addons.com/elementor/
6
  * Author: WPDeveloper
7
+ * Version: 2.8.2
8
  * Author URI: https://wpdeveloper.net/
9
  *
10
  * Text Domain: essential-addons-elementor
352
  if ( ! get_user_meta($user_id, 'eael_ignore_notice280') ) {
353
  echo '<div class="eael-admin-notice updated" style="display: flex; align-items: center; padding-left: 0; border-left-color: #EF4B53"><p style="width: 32px;">';
354
  echo '<img style="width: 100%; display: block;" src="' . plugins_url( '/', __FILE__ ).'admin/assets/images/icon-bolt.svg'. '" ></p><p> ';
355
+ printf(__('<strong>Essential Addons for Elementor</strong> now powering <strong>80,000+</strong> websites. Use the coupon code <strong>ACTIVE80K</strong> to redeem a <strong>25&#37; </strong> discount on Pro. <a href="https://wpdeveloper.net/in/eael-pricing" target="_blank" style="text-decoration: none;"><span class="dashicons dashicons-smiley" style="margin-left: 10px;"></span> Apply Coupon</a>
356
  <a href="%1$s" style="text-decoration: none; margin-left: 10px;"><span class="dashicons dashicons-dismiss"></span> I\'m good with free version</a>'), admin_url( 'admin.php?page=eael-settings&eael_nag_ignore=0' ));
357
  echo "</p></div>";
358
  }
includes/elementor-helper.php CHANGED
File without changes
readme.txt CHANGED
@@ -4,7 +4,7 @@ Tags: elementor, elements, addons, elementor addon, elementor widget, page build
4
  Requires at least: 4.0
5
  Tested up to: 4.9.8
6
  Requires PHP: 5.4
7
- Stable tag: 2.8.1
8
  License: GPLv3
9
  License URI: https://opensource.org/licenses/GPL-3.0
10
 
@@ -158,6 +158,11 @@ Your existing elements/content will work with premium version. So you won't lose
158
 
159
  == Changelog ==
160
 
 
 
 
 
 
161
  = 2.8.1 =
162
  - Image Accordion styling issue fixed
163
  - Post Grid load more issue fixed
4
  Requires at least: 4.0
5
  Tested up to: 4.9.8
6
  Requires PHP: 5.4
7
+ Stable tag: 2.8.2
8
  License: GPLv3
9
  License URI: https://opensource.org/licenses/GPL-3.0
10
 
158
 
159
  == Changelog ==
160
 
161
+ = 2.8.2 =
162
+ - Filterable Gallery card hover effect issue fixed
163
+ - Flibox image styling issue fixed
164
+ - Few minor bugfix and improvements
165
+
166
  = 2.8.1 =
167
  - Image Accordion styling issue fixed
168
  - Post Grid load more issue fixed