Enjoy Instagram feed on website with WordPress Widget and Shortcode - Version 5.0.8

Version Description

  • Add Showcase and Polaroid templates for Instagram Carousel feed
Download this release

Release Info

Developer designemotions
Plugin Icon 128x128 Enjoy Instagram feed on website with WordPress Widget and Shortcode
Version 5.0.8
Comparing to
See all releases

Code changes from version 5.0.7 to 5.0.8

Files changed (12) hide show
  1. assets/css/enjoyinstagram_settings.css +1 -1
  2. assets/css/owl.theme.css +18 -1
  3. assets/css/polaroid_carousel.css +39 -0
  4. assets/css/showcase_carousel.css +41 -0
  5. assets/images/play_overlay.png +0 -0
  6. enjoyinstagram.php +2 -2
  7. includes/class.enjoyinstagram-admin.php +1 -1
  8. includes/class.enjoyinstagram-shortcodes.php +4 -1
  9. plugin-options/options.php +1 -0
  10. readme.txt +8 -3
  11. templates/admin/enjoyinstagram-advanced-settings.php +33 -0
  12. templates/shortcodes/carousel.php +67 -4
assets/css/enjoyinstagram_settings.css CHANGED
@@ -99,6 +99,6 @@
99
  }
100
 
101
  .ei_sel {
102
- width: 75px;
103
  }
104
 
99
  }
100
 
101
  .ei_sel {
102
+ width: 120px;
103
  }
104
 
assets/css/owl.theme.css CHANGED
@@ -76,4 +76,21 @@
76
  .owl-item.loading{
77
  min-height: 150px;
78
  background: url('../images/AjaxLoader.gif') no-repeat center center
79
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
76
  .owl-item.loading{
77
  min-height: 150px;
78
  background: url('../images/AjaxLoader.gif') no-repeat center center
79
+ }
80
+
81
+ .owl-theme .owl-controls .active span {
82
+ border-radius: 20px;
83
+ background: #abbcb6;
84
+ opacity: 1;
85
+ }
86
+ .owl-theme .owl-controls .owl-page span {
87
+
88
+ opacity: 1;
89
+ }
90
+
91
+ .owl-pagination .owl-page.active::after {
92
+ border:2px solid;
93
+ border-radius: 20px;
94
+ background: #abbcb6;
95
+ opacity: 1;
96
+ }
assets/css/polaroid_carousel.css ADDED
@@ -0,0 +1,39 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*! Polaroid V.1.2*/
2
+
3
+ .owl-stage {
4
+ display: flex;
5
+ }
6
+ .owl-carousel .owl-item {
7
+ padding: 20px 0px 20px 0px;
8
+ border: 1px solid ;
9
+ border-color:#D2D2D2;
10
+ flex:1;
11
+ }
12
+ .enjoy-instagram-ig-picture-wrapper, .enjoy-instagram-ig-username-wrapper {float:left}
13
+ .enjoy-instagram-ig-picture-wrapper {margin-right:10px}
14
+ .enjoy-instagram-heart-wrapper { float:left; margin-right:10px}
15
+ .enjoy-instagram-text-wrapper {font-size:14px; line-height: 1.3em;}
16
+ .enjoy-instagram-feed-user {float:left; padding-left:10px; padding-bottom:20px}
17
+ .enjoy-instagram-icon-wrapper {float:right; padding-right:10px; padding-bottom:20px}
18
+ .user-ig {font-size:12px; font-weight:bold; font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;}
19
+ .user-ig {color:#000}
20
+
21
+ .bottom-polaroid{
22
+ font-size:14px;
23
+ padding:30px 0 0 0;
24
+ }
25
+
26
+ .owl-carousel .owl-item a:hover {opacity: 0.5;}
27
+
28
+ .bottom-polaroid .enjoy-instagram-like-wrapper { margin-bottom:5px}
29
+ .enjoy-instagram-ig-username-wrapper {
30
+ font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
31
+ }
32
+ .enjoy-instagram-text-wrapper span {
33
+ font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
34
+ }
35
+
36
+ .fadein img{
37
+ opacity:0.5;
38
+ transition: 1s ease;
39
+ }
assets/css/showcase_carousel.css ADDED
@@ -0,0 +1,41 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*! Polaroid V.1.3*/
2
+
3
+ .owl-wrapper {
4
+ display: flex!important;
5
+
6
+ }
7
+
8
+ .owl-carousel .owl-item {
9
+ padding: 0px 0px 0px 0px;
10
+ border: 1px solid ;
11
+ border-color:#D2D2D2;
12
+ display: flex;
13
+ }
14
+ .enjoy-instagram-ig-picture-wrapper, .enjoy-instagram-ig-username-wrapper {float:left}
15
+ .enjoy-instagram-ig-picture-wrapper {margin-right:10px}
16
+ .enjoy-instagram-heart-wrapper { float:left; margin-right:10px}
17
+ .enjoy-instagram-text-wrapper {font-size:14px; line-height: 1.3em;}
18
+ .enjoy-instagram-feed-user {float:left; padding-left:10px; padding-bottom:20px}
19
+ .enjoy-instagram-icon-wrapper {float:right; padding-right:10px; padding-bottom:20px}
20
+ .user-ig {font-size:12px; font-weight:bold; font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;}
21
+ .user-ig {color:#000}
22
+
23
+ .bottom-polaroid{
24
+ text-align:left;
25
+ font-size:14px;
26
+ padding:10px 15px 10px 15px
27
+ }
28
+
29
+
30
+ .bottom-polaroid .enjoy-instagram-like-wrapper { margin-bottom:5px}
31
+ .enjoy-instagram-ig-username-wrapper {
32
+ font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
33
+ }
34
+ .enjoy-instagram-text-wrapper span {
35
+ font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
36
+ }
37
+
38
+ .fadein img{
39
+ opacity:0.5;
40
+ transition: 1s ease;
41
+ }
assets/images/play_overlay.png CHANGED
Binary file
enjoyinstagram.php CHANGED
@@ -2,13 +2,13 @@
2
  /*
3
  Plugin Name: Enjoy Plugin for Instagram
4
  Description: Instagram Responsive Images Gallery and Carousel, works with Shortcodes and Widgets.
5
- Version: 5.0.7
6
  Author: Mediabeta Srl
7
  Text Domain: enjoy-instagram-instagram-responsive-images-gallery-and-carousel
8
  Author URI: http://www.mediabeta.com/team/
9
  */
10
 
11
- ! defined( 'ENJOYINSTAGRAM_VERSION' ) && define( 'ENJOYINSTAGRAM_VERSION', '5.0.7' );
12
  ! defined( 'ENJOYINSTAGRAM_FILE' ) && define( 'ENJOYINSTAGRAM_FILE', __FILE__ );
13
  ! defined( 'ENJOYINSTAGRAM_URL' ) && define( 'ENJOYINSTAGRAM_URL', plugin_dir_url( __FILE__ ) );
14
  ! defined( 'ENJOYINSTAGRAM_DIR' ) && define( 'ENJOYINSTAGRAM_DIR', plugin_dir_path( __FILE__ ) );
2
  /*
3
  Plugin Name: Enjoy Plugin for Instagram
4
  Description: Instagram Responsive Images Gallery and Carousel, works with Shortcodes and Widgets.
5
+ Version: 5.0.8
6
  Author: Mediabeta Srl
7
  Text Domain: enjoy-instagram-instagram-responsive-images-gallery-and-carousel
8
  Author URI: http://www.mediabeta.com/team/
9
  */
10
 
11
+ ! defined( 'ENJOYINSTAGRAM_VERSION' ) && define( 'ENJOYINSTAGRAM_VERSION', '5.0.8' );
12
  ! defined( 'ENJOYINSTAGRAM_FILE' ) && define( 'ENJOYINSTAGRAM_FILE', __FILE__ );
13
  ! defined( 'ENJOYINSTAGRAM_URL' ) && define( 'ENJOYINSTAGRAM_URL', plugin_dir_url( __FILE__ ) );
14
  ! defined( 'ENJOYINSTAGRAM_DIR' ) && define( 'ENJOYINSTAGRAM_DIR', plugin_dir_path( __FILE__ ) );
includes/class.enjoyinstagram-admin.php CHANGED
@@ -153,7 +153,7 @@ class EnjoyInstagram_Admin {
153
  public function admin_styles_scripts() {
154
  global $wp_scripts;
155
 
156
- wp_register_style( 'enjoyinstagram_settings', ENJOYINSTAGRAM_ASSETS_URL . '/css/enjoyinstagram_settings.css',
157
  array(), ENJOYINSTAGRAM_VERSION );
158
 
159
  if ( isset( $_GET['page'] ) && $_GET['page'] == $this->_options_page ) {
153
  public function admin_styles_scripts() {
154
  global $wp_scripts;
155
 
156
+ wp_register_style( 'enjoyinstagram_settings', ENJOYINSTAGRAM_ASSETS_URL . '/css/enjoyinstagram_settings.css',
157
  array(), ENJOYINSTAGRAM_VERSION );
158
 
159
  if ( isset( $_GET['page'] ) && $_GET['page'] == $this->_options_page ) {
includes/class.enjoyinstagram-shortcodes.php CHANGED
@@ -82,12 +82,14 @@ class EnjoyInstagram_Shortcodes {
82
  array( 'jquery' ), ENJOYINSTAGRAM_VERSION );
83
 
84
  wp_register_style( 'owl_style', ENJOYINSTAGRAM_ASSETS_URL . '/css/owl.carousel.css' );
85
- wp_register_style( 'owl_style_2', ENJOYINSTAGRAM_ASSETS_URL . '/css/owl.theme.css' );
86
  wp_register_style( 'owl_style_3', ENJOYINSTAGRAM_ASSETS_URL . '/css/owl.transitions.css' );
87
  wp_register_style( 'swipebox_css', ENJOYINSTAGRAM_ASSETS_URL . '/css/swipebox.css' );
88
  wp_register_style( 'grid_fallback', ENJOYINSTAGRAM_ASSETS_URL . '/css/grid_fallback.css' );
89
  wp_register_style( 'grid_style', ENJOYINSTAGRAM_ASSETS_URL . '/css/grid_style.css' );
90
  wp_register_style( 'enjoy_instagramm_css', ENJOYINSTAGRAM_ASSETS_URL . '/css/enjoy-instagram.css' );
 
 
91
  }
92
 
93
  /**
@@ -188,6 +190,7 @@ class EnjoyInstagram_Shortcodes {
188
  }
189
 
190
  $items_num = get_option( 'enjoyinstagram_carousel_items_number', '4' );
 
191
  $nav = get_option( 'enjoyinstagram_carousel_navigation', 'false' );
192
  $result = $this->_get_shortcode_data();
193
 
82
  array( 'jquery' ), ENJOYINSTAGRAM_VERSION );
83
 
84
  wp_register_style( 'owl_style', ENJOYINSTAGRAM_ASSETS_URL . '/css/owl.carousel.css' );
85
+ wp_register_style( 'owl_style_2', ENJOYINSTAGRAM_ASSETS_URL . '/css/owl.theme.css', '', '1.0.0' );
86
  wp_register_style( 'owl_style_3', ENJOYINSTAGRAM_ASSETS_URL . '/css/owl.transitions.css' );
87
  wp_register_style( 'swipebox_css', ENJOYINSTAGRAM_ASSETS_URL . '/css/swipebox.css' );
88
  wp_register_style( 'grid_fallback', ENJOYINSTAGRAM_ASSETS_URL . '/css/grid_fallback.css' );
89
  wp_register_style( 'grid_style', ENJOYINSTAGRAM_ASSETS_URL . '/css/grid_style.css' );
90
  wp_register_style( 'enjoy_instagramm_css', ENJOYINSTAGRAM_ASSETS_URL . '/css/enjoy-instagram.css' );
91
+ wp_register_style( 'polaroid_carousel', ENJOYINSTAGRAM_ASSETS_URL . '/css/polaroid_carousel.css' );
92
+ wp_register_style( 'showcase_carousel', ENJOYINSTAGRAM_ASSETS_URL . '/css/showcase_carousel.css' );
93
  }
94
 
95
  /**
190
  }
191
 
192
  $items_num = get_option( 'enjoyinstagram_carousel_items_number', '4' );
193
+ $template_carousel = get_option( 'enjoyinstagram_carousel_template', 'default' );
194
  $nav = get_option( 'enjoyinstagram_carousel_navigation', 'false' );
195
  $result = $this->_get_shortcode_data();
196
 
plugin-options/options.php CHANGED
@@ -32,5 +32,6 @@ return apply_filters( 'enjoyinstagram_main_array_options', array(
32
  'enjoyinstagram_grid_cols' => '5',
33
  'enjoyinstagram_hashtag' => '',
34
  'enjoyinstagram_user_or_hashtag' => 'user',
 
35
  )
36
  ));
32
  'enjoyinstagram_grid_cols' => '5',
33
  'enjoyinstagram_hashtag' => '',
34
  'enjoyinstagram_user_or_hashtag' => 'user',
35
+ 'enjoyinstagram_carousel_template' => 'default',
36
  )
37
  ));
readme.txt CHANGED
@@ -3,9 +3,9 @@ Contributors: mediabeta
3
  Donate link: https://www.google.com/url?q=https%3A%2F%2Fwww.paypal.com%2Fcgi-bin%2Fwebscr%3Fcmd%3D_s-xclick%26hosted_button_id%3D8MXZ37DWHAX46&sa=D&sntz=1&usg=AFQjCNFHixLdowdc2AAEXDYmM9tQBl-TXQ
4
  Tags: social feed, instagram carousel, social media feed, instagram widget, instagram feed
5
  Requires at least: 4.0
6
- Tested up to: 5.4
7
- Version: 5.0.7
8
- Stable tag: 5.0.7
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
11
 
@@ -35,6 +35,7 @@ Once you have installed our plugin Enjoy Social Feed Plugin for WordPress, thank
35
 
36
  == BASIC FEATURES ==
37
 
 
38
  * NEW —> Display Instagram feed for Personal or Business Instagram account
39
  * NEW —> Hashtag-based Instagram feed to show photos by Instagram hashtag, also public hashtag
40
  * Profile-based Instagram feed to show photos by Instagram profiles
@@ -211,6 +212,10 @@ In the Setting section yon can customize grid and/or Carousel view
211
 
212
  == Changelog ==
213
 
 
 
 
 
214
  = 5.0.6 =
215
  * Low thumbnail size and Bug fixing
216
  = 5.0.5 =
3
  Donate link: https://www.google.com/url?q=https%3A%2F%2Fwww.paypal.com%2Fcgi-bin%2Fwebscr%3Fcmd%3D_s-xclick%26hosted_button_id%3D8MXZ37DWHAX46&sa=D&sntz=1&usg=AFQjCNFHixLdowdc2AAEXDYmM9tQBl-TXQ
4
  Tags: social feed, instagram carousel, social media feed, instagram widget, instagram feed
5
  Requires at least: 4.0
6
+ Tested up to: 5.5.1
7
+ Version: 5.0.8
8
+ Stable tag: 5.0.8
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
11
 
35
 
36
  == BASIC FEATURES ==
37
 
38
+ * NEW TEMPLATE for INSTAGRAM CAROUSEL FEED: Showcase and Polaroid
39
  * NEW —> Display Instagram feed for Personal or Business Instagram account
40
  * NEW —> Hashtag-based Instagram feed to show photos by Instagram hashtag, also public hashtag
41
  * Profile-based Instagram feed to show photos by Instagram profiles
212
 
213
  == Changelog ==
214
 
215
+ = 5.0.8 =
216
+ * Add Showcase and Polaroid templates for Instagram Carousel feed
217
+ = 5.0.7 =
218
+ * Bug fix
219
  = 5.0.6 =
220
  * Low thumbnail size and Bug fixing
221
  = 5.0.5 =
templates/admin/enjoyinstagram-advanced-settings.php CHANGED
@@ -153,6 +153,39 @@ $user = EnjoyInstagram()->get_selected_user();
153
  </select>
154
  </div>
155
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
156
  </td>
157
  </tr>
158
  </tbody>
153
  </select>
154
  </div>
155
  </div>
156
+
157
+ <div class="ei_block">
158
+ <div class="ei_settings_float_block ei_fixed">
159
+ <label for="enjoyinstagram_carousel_template">
160
+ <?php _ex( 'Template settings', 'option label',
161
+ 'enjoy-instagram-instagram-responsive-images-gallery-and-carousel' ); ?>:
162
+ </label>
163
+ </div>
164
+ <div class="ei_settings_float_block">
165
+ <select name="enjoyinstagram_carousel_template" class="ei_sel"
166
+ id="enjoyinstagram_carousel_template">
167
+
168
+ <option value="default" <?php selected( 'default',
169
+ get_option( 'enjoyinstagram_carousel_template', 'default' ) ); ?>>
170
+ <?php _e( 'default',
171
+ 'enjoy-instagram-instagram-responsive-images-gallery-and-carousel' ); ?>
172
+ </option>
173
+
174
+ <option value="showcase" <?php selected( 'showcase',
175
+ get_option( 'enjoyinstagram_carousel_template', 'default' ) ); ?>>
176
+ <?php _e( 'showcase',
177
+ 'enjoy-instagram-instagram-responsive-images-gallery-and-carousel' ); ?>
178
+ </option>
179
+
180
+ <option value="polaroid" <?php selected( 'polaroid',
181
+ get_option( 'enjoyinstagram_carousel_template', 'default' ) ); ?>>
182
+ <?php _e( 'polaroid', 'enjoy-instagram-instagram-responsive-images-gallery-and-carousel' ); ?>
183
+ </option>
184
+
185
+ </select>
186
+ </div>
187
+ </div>
188
+
189
  </td>
190
  </tr>
191
  </tbody>
templates/shortcodes/carousel.php CHANGED
@@ -36,7 +36,7 @@ if ( ! defined( 'ABSPATH' ) ) {
36
  stopOnHover: true,
37
  autoPlay: true,
38
  navigation: <?php echo $nav ?>,
39
- afterAction: callback_height
40
  });
41
 
42
  function callback_height() {
@@ -48,7 +48,27 @@ if ( ! defined( 'ABSPATH' ) ) {
48
  });
49
  </script>
50
 
51
- <div id="owl-<?php echo $i ?>" class="owl-example enjoy-instagram-carousel" style="display:none;">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
52
  <?php foreach ( $result as $entry ) :
53
 
54
  $url = $entry['images']['standard_resolution']['url'];
@@ -59,14 +79,57 @@ if ( ! defined( 'ABSPATH' ) ) {
59
  $link_style = "style=\"background-image: url('{$entry['images']['thumbnail']['url']}'); background-size: cover; display: block; opacity: 1;\"";
60
 
61
  ?>
 
 
 
 
 
 
 
 
 
62
  <div class="box <?php echo $entry['type'] === 'video' ? 'ei-media-type-video' : 'ei-media-type-image' ?>">
63
  <a title="<?php echo $entry['caption']['text'] ?>" rel="gallery_swypebox" class="<?php echo $entry['type'] === 'video' ? 'swipebox swipebox_video' : 'swipebox' ?>"
64
  href="<?php echo $url ?>" <?php echo $link_style ?>>
65
  <img alt="<?php echo $entry['caption']['text'] ?>"
66
  src="<?php echo $entry['images']['thumbnail']['url'] ?>">
67
  </a>
68
- </div>
69
- <?php endforeach; ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
70
  </div>
71
  <script type="text/javascript">
72
  ;( function( $ ) {
36
  stopOnHover: true,
37
  autoPlay: true,
38
  navigation: <?php echo $nav ?>,
39
+ afterAction: callback_height
40
  });
41
 
42
  function callback_height() {
48
  });
49
  </script>
50
 
51
+
52
+ <?php if( $template_carousel == 'showcase'):
53
+ wp_enqueue_style( 'showcase_carousel' ); ?>
54
+ <style>
55
+ .owl-carousel {opacity:1!important}
56
+ .fa-heart {font-size:24px; }
57
+ </style>
58
+ <?php endif; ?>
59
+
60
+ <?php if( $template_carousel == 'polaroid'):
61
+ wp_enqueue_style( 'polaroid_carousel' ); ?>
62
+ <style>
63
+ .owl-carousel {opacity:1!important}
64
+ .owl-carousel .owl-item {
65
+ padding: 20px 20px 20px 20px!important;
66
+ }
67
+ .fa-heart {font-size:24px; color: }
68
+ </style>
69
+ <?php endif; ?>
70
+
71
+ <div id="owl-<?php echo $i ?>" class="owl-example owl-carousel enjoy-instagram-carousel" style="display:none;">
72
  <?php foreach ( $result as $entry ) :
73
 
74
  $url = $entry['images']['standard_resolution']['url'];
79
  $link_style = "style=\"background-image: url('{$entry['images']['thumbnail']['url']}'); background-size: cover; display: block; opacity: 1;\"";
80
 
81
  ?>
82
+
83
+ <?php if( $template_carousel == 'polaroid'): ?>
84
+
85
+
86
+
87
+
88
+
89
+ <?php endif; ?>
90
+
91
  <div class="box <?php echo $entry['type'] === 'video' ? 'ei-media-type-video' : 'ei-media-type-image' ?>">
92
  <a title="<?php echo $entry['caption']['text'] ?>" rel="gallery_swypebox" class="<?php echo $entry['type'] === 'video' ? 'swipebox swipebox_video' : 'swipebox' ?>"
93
  href="<?php echo $url ?>" <?php echo $link_style ?>>
94
  <img alt="<?php echo $entry['caption']['text'] ?>"
95
  src="<?php echo $entry['images']['thumbnail']['url'] ?>">
96
  </a>
97
+ <!--<div class="iscwp-meta">
98
+ <div class="iscwp-meta-inner-wrap">
99
+ <div class="iscwp-likes-num">
100
+ <i class="fa fa-heart faa-pulse animated" aria-hidden="true"></i> <span><?php /*?><?php echo $entry['likes']; ?><?php */?></span>
101
+ </div>
102
+
103
+ </div>
104
+ </div>-->
105
+
106
+
107
+ <?php if( $template_carousel == 'showcase'): ?>
108
+
109
+ <div class="bottom-polaroid">
110
+ <div class="enjoy-instagram-heart-wrapper">
111
+ <i class="far fa-heart"></i>
112
+
113
+ </div>
114
+
115
+ <div class="enjoy-instagram-like-wrapper">
116
+
117
+ <span id="likes_count"><?php echo $entry['likes']; ?></span>
118
+
119
+
120
+ </div>
121
+ <div style=" clear:both"></div>
122
+ <div class="enjoy-instagram-text-wrapper">
123
+
124
+ <span><?php echo mb_strimwidth($entry['caption']['text'], 0, 100, '...'); ?></span>
125
+ </div>
126
+ </div>
127
+ <?php endif; ?>
128
+
129
+
130
+ </div>
131
+ <?php endforeach; ?>
132
+
133
  </div>
134
  <script type="text/javascript">
135
  ;( function( $ ) {