Instagram Gallery - Version 1.3.7

Version Description

  • Instagram profile link/button added in Carousel view
  • wp_nonce removed because of conflicts with cache plugins
Download this release

Release Info

Developer buntisoft
Plugin Icon 128x128 Instagram Gallery
Version 1.3.7
Comparing to
See all releases

Code changes from version 1.3.2 to 1.3.7

Files changed (15) hide show
  1. app/Libra/InstagramSpider.php +4 -2
  2. app/views/edit.php +75 -17
  3. app/views/list.php +159 -2
  4. app/wp-front.php +120 -29
  5. app/wp-panel.php +9 -1
  6. assests/admin-style.css +52 -1
  7. assests/{style.css → insta-gallery.css} +82 -352
  8. assests/insta-gallery.js +86 -0
  9. index.php +1 -1
  10. insta-gallery.php +57 -23
  11. readme.txt +43 -5
  12. templates/carousel.php +38 -38
  13. templates/gallery.php +28 -39
  14. templates/slider.php +12 -22
  15. uninstall.php +14 -0
app/Libra/InstagramSpider.php CHANGED
@@ -3,7 +3,7 @@
3
  /**
4
  * Instagram Spider
5
  * @author Karan Singh
6
- * @version 1.1.4
7
  * @description script to get instagram media by using Username and/or Tag.
8
  */
9
  class InstagramSpider
@@ -46,6 +46,7 @@ class InstagramSpider
46
  $items[] = array(
47
  'img_standard' => $res->images->standard_resolution->url,
48
  'img_low' => $res->images->low_resolution->url,
 
49
  'likes' => $res->likes->count,
50
  'comments' => $res->comments->count,
51
  'caption' => isset($res->caption->text) ? htmlspecialchars($res->caption->text) : '',
@@ -81,6 +82,7 @@ class InstagramSpider
81
  $items[] = array(
82
  'img_standard' => $res->display_src,
83
  'img_low' => $res->thumbnail_src,
 
84
  'likes' => $res->likes->count,
85
  'comments' => $res->comments->count,
86
  'caption' => isset($res->caption) ? htmlspecialchars($res->caption) : '',
@@ -108,7 +110,7 @@ class InstagramSpider
108
  if (function_exists('curl_version')) {
109
  $ch = curl_init();
110
  curl_setopt($ch, CURLOPT_URL, $url);
111
- curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 5);
112
  curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
113
  curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
114
  $contents = curl_exec($ch);
3
  /**
4
  * Instagram Spider
5
  * @author Karan Singh
6
+ * @version 1.1.5
7
  * @description script to get instagram media by using Username and/or Tag.
8
  */
9
  class InstagramSpider
46
  $items[] = array(
47
  'img_standard' => $res->images->standard_resolution->url,
48
  'img_low' => $res->images->low_resolution->url,
49
+ 'img_thumb' => $res->images->thumbnail->url,
50
  'likes' => $res->likes->count,
51
  'comments' => $res->comments->count,
52
  'caption' => isset($res->caption->text) ? htmlspecialchars($res->caption->text) : '',
82
  $items[] = array(
83
  'img_standard' => $res->display_src,
84
  'img_low' => $res->thumbnail_src,
85
+ 'img_thumb' => str_replace('s640x640','s150x150',$res->thumbnail_src),
86
  'likes' => $res->likes->count,
87
  'comments' => $res->comments->count,
88
  'caption' => isset($res->caption) ? htmlspecialchars($res->caption) : '',
110
  if (function_exists('curl_version')) {
111
  $ch = curl_init();
112
  curl_setopt($ch, CURLOPT_URL, $url);
113
+ curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 10);
114
  curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
115
  curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
116
  $contents = curl_exec($ch);
app/views/edit.php CHANGED
@@ -90,7 +90,6 @@ if (isset($InstaGalleryItem['ig_display_type'])) {
90
  style="font-size: 120%; color: #e23565;">beautiful</strong>/
91
  </span>
92
  <p class="ig-generate-msgs">Please enter Instagram # Tag.</p></td>
93
- </td>
94
  </tr>
95
  </table>
96
  </td>
@@ -137,15 +136,6 @@ if (isset($InstaGalleryItem['ig_display_type'])) {
137
  src="<?php echo INSGALLERY_URL; ?>/assests/media/demo-gallery.jpg"
138
  alt="demo gallery" width="500" /></td>
139
  </tr>
140
- <tr>
141
- <th scope="row">Popup image on click:</th>
142
- <td><input name="insta_gal-popup" type="checkbox" value="1"
143
- <?php echo (isset($InstaGalleryItem) && empty($InstaGalleryItem['insta_gal-popup'])) ? '' : 'checked'; ?> />
144
- <span class="description">show popup gallery by clicking on image <br />(
145
- <span class="ig-thm-color">uncheck this if it conflicts with other
146
- plugins, like: fancybox popup etc.</span> )
147
- </span></td>
148
- </tr>
149
  <tr>
150
  <th scope="row">Image hover effect:</th>
151
  <td><input name="insta_gal-hover" type="checkbox" value="1"
@@ -188,7 +178,7 @@ if (isset($InstaGalleryItem['ig_display_type'])) {
188
  <span class="description">show dotted navigation buttons. </span></td>
189
  </tr>
190
  <tr>
191
- <th scope="row">Space Between:</th>
192
  <td><input name="insta_car-spacing" type="checkbox" value="1"
193
  <?php echo (isset($InstaGalleryItem) && empty($InstaGalleryItem['insta_car-spacing'])) ? '' : 'checked'; ?> />
194
  <span class="description">add space between carousel items. </span></td>
@@ -199,11 +189,13 @@ if (isset($InstaGalleryItem['ig_display_type'])) {
199
  <tr id="ig-section-as-slider"
200
  class="ig-tab-content-row <?php if($active_slider) echo 'active';?>">
201
  <td colspan="100%">
202
- <p>
203
- Pictures will be displayed as Slider. (<span class="ig-thm-color">for
204
- better display pictures should be same size.</span>)
 
 
 
205
  </p>
206
- <p><u><i><span class="ig-thm-color">Deprecated: pictures different sizes issue.</span> (<strong><span class="ig-thm-color">Slider</span></strong> option will be removed in the next updates of the plugin.</i></u></p>
207
  <table>
208
  <tr>
209
  <th scope="row">Slide effect:</th>
@@ -243,6 +235,50 @@ if (isset($InstaGalleryItem['ig_display_type'])) {
243
  </table>
244
  </td>
245
  </tr>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
246
  <tr>
247
  <th scope="row">Display Likes:</th>
248
  <td><input name="insta_likes" type="checkbox" value="1"
@@ -272,6 +308,7 @@ if (isset($InstaGalleryItem['ig_display_type'])) {
272
  </form>
273
  <script>
274
  jQuery(document).ready(function($){
 
275
  $('input[name="ig_select_from"]').on('change',function(){
276
  if(this.value == 'username'){
277
  $('#ig-select-tag-wrap').hide(500, function() {
@@ -281,9 +318,10 @@ if (isset($InstaGalleryItem['ig_display_type'])) {
281
  $('#ig-select-username-wrap').hide(500, function() {
282
  $('#ig-select-tag-wrap').show( ).addClass('active');
283
  }).removeClass('active');
284
- }
285
-
286
  });
 
 
287
  $('input[name="ig_display_type"]').on('change',function(){
288
 
289
  if(this.value == 'gallery'){
@@ -301,6 +339,7 @@ if (isset($InstaGalleryItem['ig_display_type'])) {
301
  }
302
 
303
  });
 
304
  $('#ig-form-update').on('submit',function(ev){
305
  var select_from = $('input[name="ig_select_from"]:checked').val();
306
  var $insta_user = $('input[name="insta_user"]');
@@ -323,6 +362,25 @@ if (isset($InstaGalleryItem['ig_display_type'])) {
323
  return false;
324
  }
325
  });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
326
 
327
  });
328
  </script>
90
  style="font-size: 120%; color: #e23565;">beautiful</strong>/
91
  </span>
92
  <p class="ig-generate-msgs">Please enter Instagram # Tag.</p></td>
 
93
  </tr>
94
  </table>
95
  </td>
136
  src="<?php echo INSGALLERY_URL; ?>/assests/media/demo-gallery.jpg"
137
  alt="demo gallery" width="500" /></td>
138
  </tr>
 
 
 
 
 
 
 
 
 
139
  <tr>
140
  <th scope="row">Image hover effect:</th>
141
  <td><input name="insta_gal-hover" type="checkbox" value="1"
178
  <span class="description">show dotted navigation buttons. </span></td>
179
  </tr>
180
  <tr>
181
+ <th scope="row">Space between slides:</th>
182
  <td><input name="insta_car-spacing" type="checkbox" value="1"
183
  <?php echo (isset($InstaGalleryItem) && empty($InstaGalleryItem['insta_car-spacing'])) ? '' : 'checked'; ?> />
184
  <span class="description">add space between carousel items. </span></td>
189
  <tr id="ig-section-as-slider"
190
  class="ig-tab-content-row <?php if($active_slider) echo 'active';?>">
191
  <td colspan="100%">
192
+ <p>Pictures will be displayed as Slider. (for better display pictures
193
+ should be same size.)</p>
194
+ <p class="ig-thm-color"
195
+ style="font-style: italic; text-decoration: underline;">
196
+ <strong>Deprecated:</strong> Slider option will be removed in the future
197
+ updates of the plugin, because of pictures different sizes issue.
198
  </p>
 
199
  <table>
200
  <tr>
201
  <th scope="row">Slide effect:</th>
235
  </table>
236
  </td>
237
  </tr>
238
+ <tr>
239
+ <th scope="row">Images thumbnail size:</th>
240
+ <td><select name="insta_thumb-size">
241
+ <option value="medium">Medium</option>
242
+ <option value="small"
243
+ <?php echo (isset($InstaGalleryItem['insta_thumb-size']) && ($InstaGalleryItem['insta_thumb-size'] == 'small')) ? 'selected' : ''; ?>>Small</option>
244
+ </select> <span class="description"><br />select <strong>small (width 150px)</strong>
245
+ if gallery items size is <= 150px OR <br /> 8+ images in a row OR
246
+ displaying in widget. </span></td>
247
+ </tr>
248
+ <tr>
249
+ <th scope="row">Images hover color:</th>
250
+ <td><input id="insta_hover-color-choose" type="color"
251
+ value="<?php echo (!empty($InstaGalleryItem['insta_hover-color']) ? $InstaGalleryItem['insta_hover-color'] : '#007aff'); ?>" />
252
+ <input name="insta_hover-color" type="text" placeholder="#007aff"
253
+ value="<?php echo (!empty($InstaGalleryItem['insta_hover-color']) ? $InstaGalleryItem['insta_hover-color'] : ''); ?>" />
254
+ <span class="description">select color which is displayed when hovered over
255
+ images.<br />( <span class="ig-thm-color">color name should be in <i>hexadecimal
256
+ notation</i> e.g. #000000
257
+ </span> )
258
+ </span></td>
259
+ </tr>
260
+ <tr>
261
+ <th scope="row">Display Instagram Link Button:</th>
262
+ <td><input name="insta_instalink" type="checkbox" value="1"
263
+ <?php echo (isset($InstaGalleryItem) && empty($InstaGalleryItem['insta_instalink'])) ? '' : 'checked'; ?> />
264
+ <span class="description">show the button to open Instagram site link </span></td>
265
+ </tr>
266
+ <tr>
267
+ <th scope="row">Instagram Link Text:</th>
268
+ <td><input name="insta_instalink-text" type="text"
269
+ placeholder="view on Instagram"
270
+ value="<?php if(!empty($InstaGalleryItem['insta_instalink-text'])){echo $InstaGalleryItem['insta_instalink-text']; }?>" />
271
+ <span class="description">update Instagram button text here.</span></td>
272
+ </tr>
273
+ <tr>
274
+ <th scope="row">Popup images on thumbnail click:</th>
275
+ <td><input name="insta_gal-popup" type="checkbox" value="1"
276
+ <?php echo (isset($InstaGalleryItem) && empty($InstaGalleryItem['insta_gal-popup'])) ? '' : 'checked'; ?> />
277
+ <span class="description">show popup gallery by clicking on image
278
+ thumbnail. <br />( <span class="ig-thm-color">uncheck this if it conflicts
279
+ with other plugins, like: fancybox popup etc.</span> )
280
+ </span></td>
281
+ </tr>
282
  <tr>
283
  <th scope="row">Display Likes:</th>
284
  <td><input name="insta_likes" type="checkbox" value="1"
308
  </form>
309
  <script>
310
  jQuery(document).ready(function($){
311
+ // by username/tag toggle
312
  $('input[name="ig_select_from"]').on('change',function(){
313
  if(this.value == 'username'){
314
  $('#ig-select-tag-wrap').hide(500, function() {
318
  $('#ig-select-username-wrap').hide(500, function() {
319
  $('#ig-select-tag-wrap').show( ).addClass('active');
320
  }).removeClass('active');
321
+ }
 
322
  });
323
+
324
+ // gallery, carousel, slider toggle
325
  $('input[name="ig_display_type"]').on('change',function(){
326
 
327
  if(this.value == 'gallery'){
339
  }
340
 
341
  });
342
+
343
  $('#ig-form-update').on('submit',function(ev){
344
  var select_from = $('input[name="ig_select_from"]:checked').val();
345
  var $insta_user = $('input[name="insta_user"]');
362
  return false;
363
  }
364
  });
365
+
366
+ // color sync
367
+ $('#insta_hover-color-choose').on('change',function(){
368
+ $('input[name="insta_hover-color"]').val($(this).val());
369
+ });
370
+ $('input[name="insta_hover-color"]').on('change',function(){
371
+ var hvcolor = $(this).val();
372
+ if(hvcolor != ''){
373
+ var isOk = /^#[0-9A-F]{6}$/i.test(hvcolor);
374
+ if(!isOk){
375
+ alert('please enter valid color code');
376
+ $(this).val('');
377
+ return;
378
+ }
379
+ $('#insta_hover-color-choose').val($(this).val());
380
+ }else {
381
+ $('#insta_hover-color-choose').val('#007aff');
382
+ }
383
+ });
384
 
385
  });
386
  </script>
app/views/list.php CHANGED
@@ -3,7 +3,23 @@ if (! defined('ABSPATH')) {
3
  die();
4
  }
5
  $InstaGalleryItems = get_option('insta_gallery_items');
 
 
6
  ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7
  <p>
8
  <a href="<?php echo INSGALLERY_URL_ADMIN_PAGE; ?>&tab=edit"
9
  title="Add New Gallery" class="ig-btn"><span class="dashicons dashicons-plus"></span>Add
@@ -55,9 +71,100 @@ if (empty($InstaGalleryItems)) {
55
  </tbody>
56
  </table>
57
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
58
  <div class="ig_donation-wrap">
59
  <p>
60
- Donate Now to support the Advancement of this plugin.Thanks <a
61
  class="ig_donation_btn" href="https://www.paypal.me/karanpay" target="blank">Donate
62
  <img src="<?php echo INSGALLERY_URL; ?>/assests/media/paypal-logo.svg"
63
  class="ig-logo" />
@@ -71,8 +178,58 @@ function ig_item_delete(){
71
  var c = confirm('Are you sure want to delete this item ?');
72
  if(!c){
73
  return false;
 
 
 
 
 
 
 
 
 
 
 
74
  }
75
 
76
  }
77
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
78
  </script>
3
  die();
4
  }
5
  $InstaGalleryItems = get_option('insta_gallery_items');
6
+ $InstaGallerySetting = get_option('insta_gallery_setting');
7
+
8
  ?>
9
+
10
+ <?php
11
+ // check cURL / remote url access
12
+ if (! function_exists('curl_version') && ! @ini_get('allow_url_fopen')) {
13
+ ?>
14
+ <div class="ig_phpc_warning">
15
+ <p>
16
+ <strong>Warning: </strong> cURL is NOT installed in your PHP installation. <br />
17
+ <sub>cURL is the required PHP extension to work this plugin properly. Please
18
+ install/activate cURL OR contact with your Server Administrator.</sub>
19
+ </p>
20
+ </div>
21
+ <?php } ?>
22
+
23
  <p>
24
  <a href="<?php echo INSGALLERY_URL_ADMIN_PAGE; ?>&tab=edit"
25
  title="Add New Gallery" class="ig-btn"><span class="dashicons dashicons-plus"></span>Add
71
  </tbody>
72
  </table>
73
  </div>
74
+ <br />
75
+ <hr />
76
+ <div id="ig_adv-setting-panel">
77
+ <p>
78
+ <button class="ig_adv-setting-toggle ig-btn">
79
+ <span class="dashicons dashicons-plus"></span><span
80
+ class="dashicons dashicons-minus"></span>Additional Setting
81
+ </button>
82
+ </p>
83
+ <div class="ig_adv-setting">
84
+ <form method="post">
85
+ <table class="widefat">
86
+ <tbody>
87
+ <tr>
88
+ <th>Gallery Loader Image URL:</th>
89
+ <td><input type="url" name="igs-spinner"
90
+ value="<?php if(!empty($InstaGallerySetting['igs_spinner'])) echo $InstaGallerySetting['igs_spinner'];?>"
91
+ onchange="ig_change_spinner(this)" /><span class="description"><br />please
92
+ paste the image url to replace with default Gallery loader(Instagram
93
+ icon). </span></td>
94
+ <td rowspan="2">
95
+ <div class="ig-spinner">
96
+ <svg version="1.1" class="ig-spin" xmlns="http://www.w3.org/2000/svg"
97
+ xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
98
+ viewBox="0 0 551.034 551.034"
99
+ style="enable-background: new 0 0 551.034 551.034;"
100
+ xml:space="preserve">
101
+ <g>
102
+ <linearGradient id="SVGID_1_"
103
+ gradientUnits="userSpaceOnUse" x1="275.517" y1="4.57" x2="275.517"
104
+ y2="549.72" gradientTransform="matrix(1 0 0 -1 0 554)">
105
+ <stop offset="0" style="stop-color:#E09B3D" />
106
+ <stop offset="0.3" style="stop-color:#C74C4D" />
107
+ <stop offset="0.6" style="stop-color:#C21975" />
108
+ <stop offset="1" style="stop-color:#7024C4" />
109
+ </linearGradient>
110
+ <path style="fill:url(#SVGID_1_);"
111
+ d="M386.878,0H164.156C73.64,0,0,73.64,0,164.156v222.722
112
+ c0,90.516,73.64,164.156,164.156,164.156h222.722c90.516,0,164.156-73.64,164.156-164.156V164.156
113
+ C551.033,73.64,477.393,0,386.878,0z M495.6,386.878c0,60.045-48.677,108.722-108.722,108.722H164.156
114
+ c-60.045,0-108.722-48.677-108.722-108.722V164.156c0-60.046,48.677-108.722,108.722-108.722h222.722
115
+ c60.045,0,108.722,48.676,108.722,108.722L495.6,386.878L495.6,386.878z" />
116
+ <linearGradient id="SVGID_2_"
117
+ gradientUnits="userSpaceOnUse" x1="275.517" y1="4.57" x2="275.517"
118
+ y2="549.72" gradientTransform="matrix(1 0 0 -1 0 554)">
119
+ <stop offset="0" style="stop-color:#E09B3D" />
120
+ <stop offset="0.3" style="stop-color:#C74C4D" />
121
+ <stop offset="0.6" style="stop-color:#C21975" />
122
+ <stop offset="1" style="stop-color:#7024C4" />
123
+ </linearGradient>
124
+ <path style="fill:url(#SVGID_2_);"
125
+ d="M275.517,133C196.933,133,133,196.933,133,275.516s63.933,142.517,142.517,142.517
126
+ S418.034,354.1,418.034,275.516S354.101,133,275.517,133z M275.517,362.6c-48.095,0-87.083-38.988-87.083-87.083
127
+ s38.989-87.083,87.083-87.083c48.095,0,87.083,38.988,87.083,87.083C362.6,323.611,323.611,362.6,275.517,362.6z" />
128
+ <linearGradient id="SVGID_3_"
129
+ gradientUnits="userSpaceOnUse" x1="418.31" y1="4.57" x2="418.31"
130
+ y2="549.72" gradientTransform="matrix(1 0 0 -1 0 554)">
131
+ <stop offset="0" style="stop-color:#E09B3D" />
132
+ <stop offset="0.3" style="stop-color:#C74C4D" />
133
+ <stop offset="0.6" style="stop-color:#C21975" />
134
+ <stop offset="1" style="stop-color:#7024C4" />
135
+ </linearGradient>
136
+ <circle style="fill:url(#SVGID_3_);"
137
+ cx="418.31" cy="134.07" r="34.15" />
138
+ </g>
139
+ </svg>
140
+ </div>
141
+ </td>
142
+ </tr>
143
+ <tr>
144
+ <th>Remove everything on uninstall</th>
145
+ <td><input type="checkbox" name="igs-flush" value="1"
146
+ onclick="ig_validate_flush(this)"
147
+ <?php if(!empty($InstaGallerySetting['igs_flush'])) echo 'checked';?> /><span
148
+ class="description"> check this to remove all data related to this plugin
149
+ when removing this plugin. </span></td>
150
+ </tr>
151
+ </tbody>
152
+ <tfoot>
153
+ <tr>
154
+ <td colspan="3"><button type="submit" class="ig-btn">update</button> <span
155
+ class="ig_adv-setting-fmsg"></span></td>
156
+ </tr>
157
+ </tfoot>
158
+ </table>
159
+ <input type="hidden" name="igadvs_nonce"
160
+ value="<?php echo wp_create_nonce( 'igadvs_nonce_key' ); ?>" /> <input
161
+ type="hidden" name="action" value="save_igadvs" />
162
+ </form>
163
+ </div>
164
+ </div>
165
  <div class="ig_donation-wrap">
166
  <p>
167
+ Please Donate now to support the Advancement of this plugin. Thanks <a
168
  class="ig_donation_btn" href="https://www.paypal.me/karanpay" target="blank">Donate
169
  <img src="<?php echo INSGALLERY_URL; ?>/assests/media/paypal-logo.svg"
170
  class="ig-logo" />
178
  var c = confirm('Are you sure want to delete this item ?');
179
  if(!c){
180
  return false;
181
+ }
182
+ }
183
+ function ig_change_spinner(ele){
184
+ if(ele.value != ''){
185
+ var img = '<img src="'+ele.value+'" class="ig-spin" />';
186
+ jQuery('.ig_adv-setting .ig-spinner').append(img);
187
+ jQuery('.ig_adv-setting .ig-spinner .ig-spin').hide();
188
+ jQuery('.ig_adv-setting .ig-spinner img').show();
189
+ } else {
190
+ jQuery('.ig_adv-setting .ig-spinner .ig-spin').show();
191
+ jQuery('.ig_adv-setting .ig-spinner img').remove();
192
  }
193
 
194
  }
195
+ function ig_validate_flush(ele){
196
+ if(ele.checked){
197
+ var c = confirm('please make sure every setting will be removed on plugin uninstall.');
198
+ if(!c){
199
+ ele.checked = false;
200
+ }
201
+ }
202
+ }
203
+ jQuery(function($){
204
+ $('.ig_adv-setting input[name="igs-spinner"]').trigger('change');
205
+ jQuery('.ig_adv-setting-toggle').on('click',function(){
206
+ $(this).toggleClass('active');
207
+ $('.ig_adv-setting').slideToggle();
208
+ });
209
+ $('.ig_adv-setting form').on('submit',function(ev){
210
+ ev.preventDefault();
211
+ $f = $(this);
212
+ jQuery.ajax({
213
+ url : ajaxurl,
214
+ type : 'post',
215
+ dataType: 'JSON',
216
+ data : $f.serialize(),
217
+ beforeSend : function()
218
+ {
219
+ },
220
+ success : function( response ) {
221
+ if ((typeof response === 'object') && response.hasOwnProperty('igsuccess')) {
222
+ $('.ig_adv-setting-fmsg').html(response.message);
223
+ setTimeout(function(){
224
+ $('.ig_adv-setting-fmsg').empty();
225
+ },2000);
226
+ }
227
+ }
228
+ }).fail(function (jqXHR, textStatus) {
229
+ console.log(textStatus);
230
+ }).always(function()
231
+ {
232
+ });
233
+ });
234
+ });
235
  </script>
app/wp-front.php CHANGED
@@ -8,10 +8,20 @@ add_action('wp_enqueue_scripts', 'insgal_enqueue_scripts');
8
 
9
  function insgal_enqueue_scripts()
10
  {
11
- wp_enqueue_style('insta-gallery', INSGALLERY_URL . '/assests/style.css');
12
  wp_enqueue_style( 'dashicons' );
 
 
 
 
 
 
 
 
13
  }
14
  include_once (INSGALLERY_PATH . 'app/Libra/InstagramSpider.php');
 
 
15
  // shortcode added
16
  add_shortcode('insta-gallery', 'insta_gallery');
17
 
@@ -22,12 +32,90 @@ function insta_gallery($atts)
22
  return;
23
  }
24
  $gid = (int) $atts['id'];
 
 
 
 
 
25
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
26
  $InstaGalleryItems = get_option('insta_gallery_items');
27
  if (! isset($InstaGalleryItems[$gid])) {
28
  return;
29
  }
30
  $IGItem = $InstaGalleryItems[$gid];
 
31
  $igs = new InstagramSpider();
32
 
33
  // validating options
@@ -37,9 +125,10 @@ function insta_gallery($atts)
37
  $IGItem['insta_limit'] = (int) $IGItem['insta_limit'];
38
  $IGItem['insta_limit'] = (($IGItem['insta_limit'] > 0) && ($IGItem['insta_limit'] <= 20)) ? $IGItem['insta_limit'] : 12;
39
 
40
- $IGItem['insta_gal-popup'] = filter_var($IGItem['insta_gal-popup'], FILTER_VALIDATE_BOOLEAN);
41
  $IGItem['insta_gal-hover'] = filter_var($IGItem['insta_gal-hover'], FILTER_VALIDATE_BOOLEAN);
42
  $IGItem['insta_gal-spacing'] = filter_var($IGItem['insta_gal-spacing'], FILTER_VALIDATE_BOOLEAN);
 
 
43
 
44
  $IGItem['insta_car-navarrows'] = @filter_var($IGItem['insta_car-navarrows'], FILTER_VALIDATE_BOOLEAN);
45
  $IGItem['insta_car-dots'] = @filter_var($IGItem['insta_car-dots'], FILTER_VALIDATE_BOOLEAN);
@@ -49,39 +138,27 @@ function insta_gallery($atts)
49
  $IGItem['insta_sli-dots'] = filter_var($IGItem['insta_sli-dots'], FILTER_VALIDATE_BOOLEAN);
50
  $IGItem['insta_sli-scroll'] = filter_var($IGItem['insta_sli-scroll'], FILTER_VALIDATE_BOOLEAN);
51
 
 
 
 
52
  $IGItem['insta_likes'] = @filter_var($IGItem['insta_likes'], FILTER_VALIDATE_BOOLEAN);
53
  $IGItem['insta_comments'] = @filter_var($IGItem['insta_comments'], FILTER_VALIDATE_BOOLEAN);
54
 
55
  // continue to results
56
  $results = '';
57
- global $INSTAGAL_Results;
58
  $instaItems = '';
59
- if ($IGItem['ig_select_from'] == 'username') { //
60
- if (empty($IGItem['insta_user'])) {
61
- return; // return 'Please enter valid Instagram Account';
62
- }
63
- $instagram_user = $IGItem['insta_user'];
64
- $instagram_reskey = 'username_' . $instagram_user; // backup result key
65
-
66
- if (empty($INSTAGAL_Results[$instagram_reskey])) {
67
- $INSTAGAL_Results[$instagram_reskey] = $igs->getUserItems($instagram_user);
68
- }
69
- $instaItems = $INSTAGAL_Results[$instagram_reskey];
70
  } else { // continue to tag
71
- if (empty($IGItem['insta_tag'])) {
72
- return; // return 'Please enter valid Instagram Tag';
73
- }
74
-
75
- $instagram_tag = $IGItem['insta_tag'];
76
- $instagram_reskey = 'tag_' . $instagram_tag; // backup result key
77
-
78
- if (empty($INSTAGAL_Results[$instagram_reskey])) {
79
- $INSTAGAL_Results[$instagram_reskey] = $igs->getTagItems($instagram_tag);
80
  }
81
- $instaItems = $INSTAGAL_Results[$instagram_reskey];
82
  }
83
 
84
  if (! empty($instaItems)) {
 
85
  if ($IGItem['ig_display_type'] == 'gallery') {
86
  include (INSGALLERY_PATH . 'templates/gallery.php');
87
  } else if ($IGItem['ig_display_type'] == 'carousel') {
@@ -91,15 +168,29 @@ function insta_gallery($atts)
91
  }
92
  } else {
93
  if (current_user_can('administrator')) {
94
- $results .= '<p>ERROR: unable to get results. possible reasons:';
95
  $results .= '<ul>';
96
  $results .= '<li>your Instagram account may be private.</li>';
97
- $results .= '<li>inavalid Instagram tag.</li>';
98
  $results .= '<li>network or server issue.</li>';
99
- $results .= '</ul>';
 
 
 
 
 
 
 
 
100
  }
101
  }
102
- return $results;
 
 
 
 
 
 
103
  }
104
 
105
  /**
@@ -122,7 +213,7 @@ function instaGallery($atts)
122
  $results = '';
123
  // deprecated warning
124
  if (current_user_can('administrator')) {
125
- $results .= '<p class="ig-deprecated-shortcode" style="color:#e23565;">(Admin Notice) Shortcode Removed: It looks like you are using old shortcode. Please goto Instagram Gallery plugin page and regenerate new shortcode. </p>';
126
  }
127
  return $results;
128
  }
8
 
9
  function insgal_enqueue_scripts()
10
  {
11
+ wp_enqueue_style('insta-gallery', INSGALLERY_URL . '/assests/insta-gallery.css');
12
  wp_enqueue_style( 'dashicons' );
13
+
14
+ wp_register_script('insta-gallery', INSGALLERY_URL . '/assests/insta-gallery.js', array('jquery'),null,true);
15
+ wp_localize_script( 'insta-gallery', 'insgalajax', array(
16
+ 'ajax_url' => admin_url( 'admin-ajax.php' )
17
+ ));
18
+ wp_register_script('swiper', INSGALLERY_URL . '/assests/swiper/swiper.jquery.min.js', array('jquery'),null,true);
19
+ wp_register_script('magnific-popup', INSGALLERY_URL . '/assests/magnific-popup/jquery.magnific-popup.min.js', array('jquery'),null,true);
20
+
21
  }
22
  include_once (INSGALLERY_PATH . 'app/Libra/InstagramSpider.php');
23
+
24
+
25
  // shortcode added
26
  add_shortcode('insta-gallery', 'insta_gallery');
27
 
32
  return;
33
  }
34
  $gid = (int) $atts['id'];
35
+ $InstaGalleryItems = get_option('insta_gallery_items');
36
+ $InstaGallerySetting = get_option('insta_gallery_setting');
37
+ if (! isset($InstaGalleryItems[$gid])) {
38
+ return;
39
+ }
40
 
41
+ wp_enqueue_script('insta-gallery');
42
+
43
+ $IGItem = $InstaGalleryItems[$gid];
44
+ if ($IGItem['ig_display_type'] == 'gallery') {
45
+ wp_enqueue_script('magnific-popup');
46
+ } else if ($IGItem['ig_display_type'] == 'carousel') {
47
+ wp_enqueue_script('swiper');
48
+ wp_enqueue_script('magnific-popup');
49
+ } else {
50
+ wp_enqueue_script('swiper');
51
+ }
52
+
53
+ $insta_source = ($IGItem['ig_select_from'] == 'username') ? 'user_'. $IGItem['insta_user'] : 'tag_'. $IGItem['insta_tag'];
54
+
55
+
56
+ $results = '';
57
+ $results .= '<!--[if lte IE 8]><div class="igblock-wrap-IElte8"><![endif]-->';
58
+ $results .= '<div class="ig-block" data-igalid="'.$gid.'" data-source="'.$insta_source.'">';
59
+ $results .= '<div class="ig-spinner">';
60
+ if(!empty($InstaGallerySetting['igs_spinner'])){
61
+ $results .= '<img src="'.$InstaGallerySetting['igs_spinner'].'" alt="Instagram Gallery" class="ig-spin" />';
62
+ }else {
63
+ $results .= '<svg version="1.1" class="ig-spin" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
64
+ viewBox="0 0 551.034 551.034" style="enable-background:new 0 0 551.034 551.034;" xml:space="preserve">
65
+ <g>
66
+ <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="275.517" y1="4.57" x2="275.517" y2="549.72" gradientTransform="matrix(1 0 0 -1 0 554)">
67
+ <stop offset="0" style="stop-color:#E09B3D"/>
68
+ <stop offset="0.3" style="stop-color:#C74C4D"/>
69
+ <stop offset="0.6" style="stop-color:#C21975"/>
70
+ <stop offset="1" style="stop-color:#7024C4"/>
71
+ </linearGradient>
72
+ <path style="fill:url(#SVGID_1_);" d="M386.878,0H164.156C73.64,0,0,73.64,0,164.156v222.722
73
+ c0,90.516,73.64,164.156,164.156,164.156h222.722c90.516,0,164.156-73.64,164.156-164.156V164.156
74
+ C551.033,73.64,477.393,0,386.878,0z M495.6,386.878c0,60.045-48.677,108.722-108.722,108.722H164.156
75
+ c-60.045,0-108.722-48.677-108.722-108.722V164.156c0-60.046,48.677-108.722,108.722-108.722h222.722
76
+ c60.045,0,108.722,48.676,108.722,108.722L495.6,386.878L495.6,386.878z"/>
77
+ <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="275.517" y1="4.57" x2="275.517" y2="549.72" gradientTransform="matrix(1 0 0 -1 0 554)">
78
+ <stop offset="0" style="stop-color:#E09B3D"/>
79
+ <stop offset="0.3" style="stop-color:#C74C4D"/>
80
+ <stop offset="0.6" style="stop-color:#C21975"/>
81
+ <stop offset="1" style="stop-color:#7024C4"/>
82
+ </linearGradient>
83
+ <path style="fill:url(#SVGID_2_);" d="M275.517,133C196.933,133,133,196.933,133,275.516s63.933,142.517,142.517,142.517
84
+ S418.034,354.1,418.034,275.516S354.101,133,275.517,133z M275.517,362.6c-48.095,0-87.083-38.988-87.083-87.083
85
+ s38.989-87.083,87.083-87.083c48.095,0,87.083,38.988,87.083,87.083C362.6,323.611,323.611,362.6,275.517,362.6z"/>
86
+ <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="418.31" y1="4.57" x2="418.31" y2="549.72" gradientTransform="matrix(1 0 0 -1 0 554)">
87
+ <stop offset="0" style="stop-color:#E09B3D"/>
88
+ <stop offset="0.3" style="stop-color:#C74C4D"/>
89
+ <stop offset="0.6" style="stop-color:#C21975"/>
90
+ <stop offset="1" style="stop-color:#7024C4"/>
91
+ </linearGradient>
92
+ <circle style="fill:url(#SVGID_3_);" cx="418.31" cy="134.07" r="34.15"/>
93
+ </g>
94
+ </svg>';
95
+ }
96
+ $results .= '</div>';
97
+ $results .= '</div> <!-- // IG BLOCK -->';
98
+ $results .= '<!--[if lte IE 8]></div><![endif]-->';
99
+ return $results;
100
+ }
101
+
102
+
103
+ // ajax request served
104
+ add_action( 'wp_ajax_nopriv_load_ig_item', 'load_ig_item' );
105
+ add_action( 'wp_ajax_load_ig_item', 'load_ig_item' );
106
+
107
+ function load_ig_item() {
108
+ //echo json_encode(array('igsuccess' => true, 'result' => 'asia'));die();
109
+ if (! isset($_POST['igalid']) ) {
110
+ return;
111
+ }
112
+ $gid = (int)$_POST['igalid'];
113
  $InstaGalleryItems = get_option('insta_gallery_items');
114
  if (! isset($InstaGalleryItems[$gid])) {
115
  return;
116
  }
117
  $IGItem = $InstaGalleryItems[$gid];
118
+ $IGItem['gid'] = $gid; // push gallery ID for later use
119
  $igs = new InstagramSpider();
120
 
121
  // validating options
125
  $IGItem['insta_limit'] = (int) $IGItem['insta_limit'];
126
  $IGItem['insta_limit'] = (($IGItem['insta_limit'] > 0) && ($IGItem['insta_limit'] <= 20)) ? $IGItem['insta_limit'] : 12;
127
 
 
128
  $IGItem['insta_gal-hover'] = filter_var($IGItem['insta_gal-hover'], FILTER_VALIDATE_BOOLEAN);
129
  $IGItem['insta_gal-spacing'] = filter_var($IGItem['insta_gal-spacing'], FILTER_VALIDATE_BOOLEAN);
130
+ $IGItem['insta_instalink'] = filter_var($IGItem['insta_instalink'], FILTER_VALIDATE_BOOLEAN);
131
+ $IGItem['insta_instalink-text'] = empty($IGItem['insta_instalink-text']) ? 'view on Instagram' : $IGItem['insta_instalink-text'];
132
 
133
  $IGItem['insta_car-navarrows'] = @filter_var($IGItem['insta_car-navarrows'], FILTER_VALIDATE_BOOLEAN);
134
  $IGItem['insta_car-dots'] = @filter_var($IGItem['insta_car-dots'], FILTER_VALIDATE_BOOLEAN);
138
  $IGItem['insta_sli-dots'] = filter_var($IGItem['insta_sli-dots'], FILTER_VALIDATE_BOOLEAN);
139
  $IGItem['insta_sli-scroll'] = filter_var($IGItem['insta_sli-scroll'], FILTER_VALIDATE_BOOLEAN);
140
 
141
+ $IGItem['insta_thumb-size'] = empty($IGItem['insta_thumb-size']) ? 'medium' : $IGItem['insta_thumb-size'];
142
+ $IGItem['insta_hover-color'] = @$IGItem['insta_hover-color'];
143
+ $IGItem['insta_gal-popup'] = filter_var($IGItem['insta_gal-popup'], FILTER_VALIDATE_BOOLEAN);
144
  $IGItem['insta_likes'] = @filter_var($IGItem['insta_likes'], FILTER_VALIDATE_BOOLEAN);
145
  $IGItem['insta_comments'] = @filter_var($IGItem['insta_comments'], FILTER_VALIDATE_BOOLEAN);
146
 
147
  // continue to results
148
  $results = '';
 
149
  $instaItems = '';
150
+ if ($IGItem['ig_select_from'] == 'username') { // get from username
151
+ if (! empty($IGItem['insta_user'])) { // valid Instagram Username
152
+ $instaItems = $igs->getUserItems($IGItem['insta_user']);
153
+ }
 
 
 
 
 
 
 
154
  } else { // continue to tag
155
+ if (! empty($IGItem['insta_tag'])) { // valid Instagram Tag;
156
+ $instaItems = $igs->getTagItems($IGItem['insta_tag']);
 
 
 
 
 
 
 
157
  }
 
158
  }
159
 
160
  if (! empty($instaItems)) {
161
+
162
  if ($IGItem['ig_display_type'] == 'gallery') {
163
  include (INSGALLERY_PATH . 'templates/gallery.php');
164
  } else if ($IGItem['ig_display_type'] == 'carousel') {
168
  }
169
  } else {
170
  if (current_user_can('administrator')) {
171
+ $results .= '<div class="ig-no-items-msg"><p class="ig_front_msg-color"><strong>(Admin Notice) ERROR:</strong> unable to get results. possible reasons:</p>';
172
  $results .= '<ul>';
173
  $results .= '<li>your Instagram account may be private.</li>';
174
+ $results .= '<li>inavalid Instagram username/tag.</li>';
175
  $results .= '<li>network or server issue.</li>';
176
+
177
+ $igsMsgs = $igs->getMessages();
178
+ if(!empty($igsMsgs)){
179
+ foreach ($igsMsgs as $igsMsg){
180
+ $results .= "<li>$igsMsg</li>";
181
+ }
182
+ }
183
+
184
+ $results .= '</ul></div>';
185
  }
186
  }
187
+ // echo $results;
188
+ $result = array(
189
+ 'igsuccess' => true,
190
+ 'result' => $results,
191
+ );
192
+ echo json_encode($result);
193
+ die();
194
  }
195
 
196
  /**
213
  $results = '';
214
  // deprecated warning
215
  if (current_user_can('administrator')) {
216
+ $results .= '<p class="ig-deprecated-shortcode-msg ig_front_msg-color"><strong>(Admin Notice) Shortcode Removed:</strong> It looks like you are using old shortcode. Please goto Instagram Gallery plugin page and regenerate new shortcode. </p>';
217
  }
218
  return $results;
219
  }
app/wp-panel.php CHANGED
@@ -3,9 +3,12 @@
3
  * Instagram Gallery
4
  * WP admin panel plugin page
5
  */
 
6
  // current page url
7
  define('INSGALLERY_URL_ADMIN_PAGE', menu_page_url('insta_gallery', false));
8
 
 
 
9
  $InstaGalleryItems = get_option('insta_gallery_items');
10
  $ig_page_msgs = array();
11
  // add/update gallery item
@@ -19,9 +22,10 @@ if (isset($_POST['ig-form-update'])) {
19
  $IGItem['insta_limit'] = $POSTDATA['insta_limit'];
20
  $IGItem['ig_display_type'] = $POSTDATA['ig_display_type'];
21
  $IGItem['insta_gal-cols'] = $POSTDATA['insta_gal-cols'];
22
- $IGItem['insta_gal-popup'] = @$POSTDATA['insta_gal-popup'];
23
  $IGItem['insta_gal-hover'] = @$POSTDATA['insta_gal-hover'];
24
  $IGItem['insta_gal-spacing'] = @$POSTDATA['insta_gal-spacing'];
 
 
25
  $IGItem['insta_car-slidespv'] = $POSTDATA['insta_car-slidespv'];
26
  $IGItem['insta_car-navarrows'] = @$POSTDATA['insta_car-navarrows'];
27
  $IGItem['insta_car-dots'] = @$POSTDATA['insta_car-dots'];
@@ -31,6 +35,9 @@ if (isset($_POST['ig-form-update'])) {
31
  $IGItem['insta_sli-navarrows'] = @$POSTDATA['insta_sli-navarrows'];
32
  $IGItem['insta_sli-dots'] = @$POSTDATA['insta_sli-dots'];
33
  $IGItem['insta_sli-scroll'] = @$POSTDATA['insta_sli-scroll'];
 
 
 
34
  $IGItem['insta_likes'] = @$POSTDATA['insta_likes'];
35
  $IGItem['insta_comments'] = @$POSTDATA['insta_comments'];
36
 
@@ -42,6 +49,7 @@ if (isset($_POST['ig-form-update'])) {
42
  if (substr($IGItem['insta_tag'], 0, 1) == '#')
43
  $IGItem['insta_tag'] = substr($IGItem['insta_tag'], 1);
44
 
 
45
  if (isset($POSTDATA['igitem_id'])) {
46
  $InstaGalleryItems[(int) $POSTDATA['igitem_id']] = $IGItem;
47
  } else {
3
  * Instagram Gallery
4
  * WP admin panel plugin page
5
  */
6
+
7
  // current page url
8
  define('INSGALLERY_URL_ADMIN_PAGE', menu_page_url('insta_gallery', false));
9
 
10
+
11
+
12
  $InstaGalleryItems = get_option('insta_gallery_items');
13
  $ig_page_msgs = array();
14
  // add/update gallery item
22
  $IGItem['insta_limit'] = $POSTDATA['insta_limit'];
23
  $IGItem['ig_display_type'] = $POSTDATA['ig_display_type'];
24
  $IGItem['insta_gal-cols'] = $POSTDATA['insta_gal-cols'];
 
25
  $IGItem['insta_gal-hover'] = @$POSTDATA['insta_gal-hover'];
26
  $IGItem['insta_gal-spacing'] = @$POSTDATA['insta_gal-spacing'];
27
+ $IGItem['insta_instalink'] = @$POSTDATA['insta_instalink'];
28
+ $IGItem['insta_instalink-text'] = trim(@$POSTDATA['insta_instalink-text']);
29
  $IGItem['insta_car-slidespv'] = $POSTDATA['insta_car-slidespv'];
30
  $IGItem['insta_car-navarrows'] = @$POSTDATA['insta_car-navarrows'];
31
  $IGItem['insta_car-dots'] = @$POSTDATA['insta_car-dots'];
35
  $IGItem['insta_sli-navarrows'] = @$POSTDATA['insta_sli-navarrows'];
36
  $IGItem['insta_sli-dots'] = @$POSTDATA['insta_sli-dots'];
37
  $IGItem['insta_sli-scroll'] = @$POSTDATA['insta_sli-scroll'];
38
+ $IGItem['insta_thumb-size'] = @$POSTDATA['insta_thumb-size'];
39
+ $IGItem['insta_hover-color'] = @$POSTDATA['insta_hover-color'];
40
+ $IGItem['insta_gal-popup'] = @$POSTDATA['insta_gal-popup'];
41
  $IGItem['insta_likes'] = @$POSTDATA['insta_likes'];
42
  $IGItem['insta_comments'] = @$POSTDATA['insta_comments'];
43
 
49
  if (substr($IGItem['insta_tag'], 0, 1) == '#')
50
  $IGItem['insta_tag'] = substr($IGItem['insta_tag'], 1);
51
 
52
+
53
  if (isset($POSTDATA['igitem_id'])) {
54
  $InstaGalleryItems[(int) $POSTDATA['igitem_id']] = $IGItem;
55
  } else {
assests/admin-style.css CHANGED
@@ -163,12 +163,63 @@
163
  vertical-align: middle;
164
  }
165
 
166
- .ig-table-edit input[type="checkbox"] {
167
  zoom: 1.5;
168
  }
169
  .ig-table-edit input[type="checkbox"]:checked:before {
170
  color: #e23565;
171
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
172
 
173
  /* ******** paypal btn ********** */
174
  .ig_donation-wrap {
163
  vertical-align: middle;
164
  }
165
 
166
+ .ig-table-edit input[type="checkbox"],.ig_adv-setting input[type="checkbox"] {
167
  zoom: 1.5;
168
  }
169
  .ig-table-edit input[type="checkbox"]:checked:before {
170
  color: #e23565;
171
  }
172
+ .ig_phpc_warning {
173
+ padding: 5px 10px;
174
+ background: lightgoldenrodyellow;
175
+ }
176
+
177
+ .ig_phpc_warning p {
178
+ font-size: 16px;
179
+ color: red;
180
+ }
181
+ .ig-table-edit #insta_hover-color-choose {
182
+ vertical-align: top;
183
+ }
184
+ /* ******** ig advance setting ********** */
185
+ .ig_adv-setting-toggle{
186
+ cursor: pointer;
187
+ border: 0px;
188
+ }
189
+ .ig_adv-setting-toggle .dashicons-minus{display: none;}
190
+ .ig_adv-setting-toggle.active .dashicons-minus{display: initial;}
191
+ .ig_adv-setting-toggle.active .dashicons-plus{display: none;}
192
+ .ig_adv-setting{display: none;}
193
+ .ig_adv-setting-fmsg {
194
+ font-size: 20px;
195
+ color: #e93b59;
196
+ padding: 5px 10px;
197
+ }
198
+ .ig_adv-setting input[type="url"] {
199
+ min-width: 75%;
200
+ }
201
+ .ig_adv-setting .ig-spinner {
202
+ position: relative;
203
+ padding: 10px 30px;
204
+ height:60px;
205
+ -webkit-box-sizing: content-box;
206
+ -moz-box-sizing: content-box;
207
+ box-sizing: content-box;
208
+ }
209
+ .ig_adv-setting .ig-spinner .ig-spin {
210
+ position: absolute;
211
+ top: 50%;
212
+ left: 50%;
213
+ width: 60px;
214
+ height: 60px;
215
+ margin:-30px 0 0 -30px;
216
+ -webkit-animation:igspin 4s linear infinite;
217
+ -moz-animation:igspin 4s linear infinite;
218
+ animation:igspin 4s linear infinite;
219
+ }
220
+ @-moz-keyframes igspin { 100% { -moz-transform: rotate(360deg); } }
221
+ @-webkit-keyframes igspin { 100% { -webkit-transform: rotate(360deg); } }
222
+ @keyframes igspin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
223
 
224
  /* ******** paypal btn ********** */
225
  .ig_donation-wrap {
assests/{style.css → insta-gallery.css} RENAMED
@@ -15,359 +15,12 @@
15
  .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
16
 
17
  /* Magnific Popup CSS */
18
- .mfp-bg {
19
- top: 0;
20
- left: 0;
21
- width: 100%;
22
- height: 100%;
23
- z-index: 1042;
24
- overflow: hidden;
25
- position: fixed;
26
- background: #0b0b0b;
27
- opacity: 0.8; }
28
-
29
- .mfp-wrap {
30
- top: 0;
31
- left: 0;
32
- width: 100%;
33
- height: 100%;
34
- z-index: 1043;
35
- position: fixed;
36
- outline: none !important;
37
- -webkit-backface-visibility: hidden; }
38
-
39
- .mfp-container {
40
- text-align: center;
41
- position: absolute;
42
- width: 100%;
43
- height: 100%;
44
- left: 0;
45
- top: 0;
46
- padding: 0 8px;
47
- box-sizing: border-box; }
48
-
49
- .mfp-container:before {
50
- content: '';
51
- display: inline-block;
52
- height: 100%;
53
- vertical-align: middle; }
54
-
55
- .mfp-align-top .mfp-container:before {
56
- display: none; }
57
-
58
- .mfp-content {
59
- position: relative;
60
- display: inline-block;
61
- vertical-align: middle;
62
- margin: 0 auto;
63
- text-align: left;
64
- z-index: 1045; }
65
-
66
- .mfp-inline-holder .mfp-content,
67
- .mfp-ajax-holder .mfp-content {
68
- width: 100%;
69
- cursor: auto; }
70
-
71
- .mfp-ajax-cur {
72
- cursor: progress; }
73
-
74
- .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
75
- cursor: -moz-zoom-out;
76
- cursor: -webkit-zoom-out;
77
- cursor: zoom-out; }
78
-
79
- .mfp-zoom {
80
- cursor: pointer;
81
- cursor: -webkit-zoom-in;
82
- cursor: -moz-zoom-in;
83
- cursor: zoom-in; }
84
-
85
- .mfp-auto-cursor .mfp-content {
86
- cursor: auto; }
87
-
88
- .mfp-close,
89
- .mfp-arrow,
90
- .mfp-preloader,
91
- .mfp-counter {
92
- -webkit-user-select: none;
93
- -moz-user-select: none;
94
- user-select: none; }
95
-
96
- .mfp-loading.mfp-figure {
97
- display: none; }
98
-
99
- .mfp-hide {
100
- display: none !important; }
101
-
102
- .mfp-preloader {
103
- color: #CCC;
104
- position: absolute;
105
- top: 50%;
106
- width: auto;
107
- text-align: center;
108
- margin-top: -0.8em;
109
- left: 8px;
110
- right: 8px;
111
- z-index: 1044; }
112
- .mfp-preloader a {
113
- color: #CCC; }
114
- .mfp-preloader a:hover {
115
- color: #FFF; }
116
-
117
- .mfp-s-ready .mfp-preloader {
118
- display: none; }
119
-
120
- .mfp-s-error .mfp-content {
121
- display: none; }
122
-
123
- button.mfp-close,
124
- button.mfp-arrow {
125
- overflow: visible;
126
- cursor: pointer;
127
- background: transparent;
128
- border: 0;
129
- -webkit-appearance: none;
130
- display: block;
131
- outline: none;
132
- padding: 0;
133
- z-index: 1046;
134
- box-shadow: none;
135
- touch-action: manipulation; }
136
-
137
- button::-moz-focus-inner {
138
- padding: 0;
139
- border: 0; }
140
-
141
- .mfp-close {
142
- width: 44px;
143
- height: 44px;
144
- line-height: 44px;
145
- position: absolute;
146
- right: 0;
147
- top: 0;
148
- text-decoration: none;
149
- text-align: center;
150
- opacity: 0.65;
151
- padding: 0 0 18px 10px;
152
- color: #FFF;
153
- font-style: normal;
154
- font-size: 28px;
155
- font-family: Arial, Baskerville, monospace; }
156
- .mfp-close:hover,
157
- .mfp-close:focus {
158
- opacity: 1; }
159
- .mfp-close:active {
160
- top: 1px; }
161
-
162
- .mfp-close-btn-in .mfp-close {
163
- color: #333; }
164
-
165
- .mfp-image-holder .mfp-close,
166
- .mfp-iframe-holder .mfp-close {
167
- color: #FFF;
168
- right: -6px;
169
- text-align: right;
170
- padding-right: 6px;
171
- width: 100%; }
172
-
173
- .mfp-counter {
174
- position: absolute;
175
- top: 0;
176
- right: 0;
177
- color: #CCC;
178
- font-size: 12px;
179
- line-height: 18px;
180
- white-space: nowrap; }
181
-
182
- .mfp-arrow {
183
- position: absolute;
184
- opacity: 0.65;
185
- margin: 0;
186
- top: 50%;
187
- margin-top: -55px;
188
- padding: 0;
189
- width: 90px;
190
- height: 110px;
191
- -webkit-tap-highlight-color: transparent; }
192
- .mfp-arrow:active {
193
- margin-top: -54px; }
194
- .mfp-arrow:hover,
195
- .mfp-arrow:focus {
196
- opacity: 1; }
197
- .mfp-arrow:before,
198
- .mfp-arrow:after {
199
- content: '';
200
- display: block;
201
- width: 0;
202
- height: 0;
203
- position: absolute;
204
- left: 0;
205
- top: 0;
206
- margin-top: 35px;
207
- margin-left: 35px;
208
- border: medium inset transparent; }
209
- .mfp-arrow:after {
210
- border-top-width: 13px;
211
- border-bottom-width: 13px;
212
- top: 8px; }
213
- .mfp-arrow:before {
214
- border-top-width: 21px;
215
- border-bottom-width: 21px;
216
- opacity: 0.7; }
217
-
218
- .mfp-arrow-left {
219
- left: 0; }
220
- .mfp-arrow-left:after {
221
- border-right: 17px solid #FFF;
222
- margin-left: 31px; }
223
- .mfp-arrow-left:before {
224
- margin-left: 25px;
225
- border-right: 27px solid #3F3F3F; }
226
-
227
- .mfp-arrow-right {
228
- right: 0; }
229
- .mfp-arrow-right:after {
230
- border-left: 17px solid #FFF;
231
- margin-left: 39px; }
232
- .mfp-arrow-right:before {
233
- border-left: 27px solid #3F3F3F; }
234
-
235
- .mfp-iframe-holder {
236
- padding-top: 40px;
237
- padding-bottom: 40px; }
238
- .mfp-iframe-holder .mfp-content {
239
- line-height: 0;
240
- width: 100%;
241
- max-width: 900px; }
242
- .mfp-iframe-holder .mfp-close {
243
- top: -40px; }
244
-
245
- .mfp-iframe-scaler {
246
- width: 100%;
247
- height: 0;
248
- overflow: hidden;
249
- padding-top: 56.25%; }
250
- .mfp-iframe-scaler iframe {
251
- position: absolute;
252
- display: block;
253
- top: 0;
254
- left: 0;
255
- width: 100%;
256
- height: 100%;
257
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
258
- background: #000; }
259
-
260
- /* Main image in popup */
261
- img.mfp-img {
262
- width: auto;
263
- max-width: 100%;
264
- height: auto;
265
- display: block;
266
- line-height: 0;
267
- box-sizing: border-box;
268
- padding: 40px 0 40px;
269
- margin: 0 auto; }
270
-
271
- /* The shadow behind the image */
272
- .mfp-figure {
273
- line-height: 0; }
274
- .mfp-figure:after {
275
- content: '';
276
- position: absolute;
277
- left: 0;
278
- top: 40px;
279
- bottom: 40px;
280
- display: block;
281
- right: 0;
282
- width: auto;
283
- height: auto;
284
- z-index: -1;
285
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
286
- background: #444; }
287
- .mfp-figure small {
288
- color: #BDBDBD;
289
- display: block;
290
- font-size: 12px;
291
- line-height: 14px; }
292
- .mfp-figure figure {
293
- margin: 0; }
294
-
295
- .mfp-bottom-bar {
296
- margin-top: -36px;
297
- position: absolute;
298
- top: 100%;
299
- left: 0;
300
- width: 100%;
301
- cursor: auto; }
302
-
303
- .mfp-title {
304
- text-align: left;
305
- line-height: 18px;
306
- color: #F3F3F3;
307
- word-wrap: break-word;
308
- padding-right: 36px; }
309
-
310
- .mfp-image-holder .mfp-content {
311
- max-width: 100%; }
312
-
313
- .mfp-gallery .mfp-image-holder .mfp-figure {
314
- cursor: pointer; }
315
-
316
- @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
317
- /**
318
- * Remove all paddings around the image on small screen
319
- */
320
- .mfp-img-mobile .mfp-image-holder {
321
- padding-left: 0;
322
- padding-right: 0; }
323
- .mfp-img-mobile img.mfp-img {
324
- padding: 0; }
325
- .mfp-img-mobile .mfp-figure:after {
326
- top: 0;
327
- bottom: 0; }
328
- .mfp-img-mobile .mfp-figure small {
329
- display: inline;
330
- margin-left: 5px; }
331
- .mfp-img-mobile .mfp-bottom-bar {
332
- background: rgba(0, 0, 0, 0.6);
333
- bottom: 0;
334
- margin: 0;
335
- top: auto;
336
- padding: 3px 5px;
337
- position: fixed;
338
- box-sizing: border-box; }
339
- .mfp-img-mobile .mfp-bottom-bar:empty {
340
- padding: 0; }
341
- .mfp-img-mobile .mfp-counter {
342
- right: 5px;
343
- top: 3px; }
344
- .mfp-img-mobile .mfp-close {
345
- top: 0;
346
- right: 0;
347
- width: 35px;
348
- height: 35px;
349
- line-height: 35px;
350
- background: rgba(0, 0, 0, 0.6);
351
- position: fixed;
352
- text-align: center;
353
- padding: 0; } }
354
-
355
- @media all and (max-width: 900px) {
356
- .mfp-arrow {
357
- -webkit-transform: scale(0.75);
358
- transform: scale(0.75); }
359
- .mfp-arrow-left {
360
- -webkit-transform-origin: 0;
361
- transform-origin: 0; }
362
- .mfp-arrow-right {
363
- -webkit-transform-origin: 100%;
364
- transform-origin: 100%; }
365
- .mfp-container {
366
- padding-left: 6px;
367
- padding-right: 6px; } }
368
 
369
 
370
- /********************* CUSTOM styling ***************************************************************/
 
 
371
  /*
372
  * gallery
373
  */
@@ -407,9 +60,11 @@ img.mfp-img {
407
  top: 0px;
408
  margin:5%;
409
  }
410
- .ig-item a img{
411
  margin: auto;
412
  max-width: 100%;
 
 
413
  }
414
  .ig-likes-comments {
415
  position: absolute;
@@ -431,6 +86,29 @@ img.mfp-img {
431
  .ig-item a:hover .ig-likes-comments {
432
  opacity: 1;
433
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
434
  /*
435
  * slider
436
  */
@@ -445,6 +123,15 @@ img.mfp-img {
445
  /*
446
  * carousel
447
  */
 
 
 
 
 
 
 
 
 
448
  .instacarousel .swiper-slide {
449
  overflow: hidden;
450
  }
@@ -456,6 +143,9 @@ img.mfp-img {
456
  .instacarousel .swiper-slide img {
457
  -webkit-transition: all .3s;
458
  transition: all .3s;
 
 
 
459
  }
460
 
461
  .ic-likes-comments {
@@ -515,6 +205,46 @@ img.mfp-img {
515
  -webkit-transition: all .3s;
516
  transition: all .3s;
517
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
518
  /*
519
  * responsive
520
  */
15
  .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
16
 
17
  /* Magnific Popup CSS */
18
+ .mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
 
20
 
21
+ /************************************************
22
+ ****************** CUSTOM styling ***************
23
+ *************************************************/
24
  /*
25
  * gallery
26
  */
60
  top: 0px;
61
  margin:5%;
62
  }
63
+ .instagallery-items .ig-item a img{
64
  margin: auto;
65
  max-width: 100%;
66
+ -webkit-box-shadow: none;
67
+ box-shadow: none;
68
  }
69
  .ig-likes-comments {
70
  position: absolute;
86
  .ig-item a:hover .ig-likes-comments {
87
  opacity: 1;
88
  }
89
+ .instagallery-actions {
90
+ text-align: center;
91
+ margin: 10px 0px;
92
+ }
93
+ .instagallery-actions .igact-instalink {
94
+ line-height: 20px;
95
+ font-size: 16px;
96
+ background: #c32a67;
97
+ color: #fff;
98
+ display: inline-block;
99
+ padding: 5px 15px;
100
+ border: 1px solid #db8c40;
101
+ -webkit-transition: all .3s;
102
+ transition: all .3s;
103
+ }
104
+ .instagallery-actions .igact-instalink:hover {
105
+ background: #da894a;
106
+ text-decoration:none;
107
+ }
108
+ .instagallery-actions .igact-instalink .dashicons {
109
+ margin-right: 5px;
110
+ vertical-align: middle;
111
+ }
112
  /*
113
  * slider
114
  */
123
  /*
124
  * carousel
125
  */
126
+ .instacarousel .swiper-wrapper {
127
+ display: -ms-flexbox;
128
+ display: -webkit-flex;
129
+ display: flex;
130
+ -ms-flex-align: center;
131
+ -webkit-align-items: center;
132
+ -webkit-box-align: center;
133
+ align-items: center;
134
+ }
135
  .instacarousel .swiper-slide {
136
  overflow: hidden;
137
  }
143
  .instacarousel .swiper-slide img {
144
  -webkit-transition: all .3s;
145
  transition: all .3s;
146
+ max-width: 100%;
147
+ display:block;
148
+ margin: auto;
149
  }
150
 
151
  .ic-likes-comments {
205
  -webkit-transition: all .3s;
206
  transition: all .3s;
207
  }
208
+
209
+ .ig-spinner {
210
+ position: relative;
211
+ padding: 20px;
212
+ height:60px;
213
+ -webkit-box-sizing: content-box;
214
+ -moz-box-sizing: content-box;
215
+ box-sizing: content-box;
216
+ display: none;
217
+ }
218
+ .ig-spin {
219
+ position: absolute;
220
+ top: 50%;
221
+ left: 50%;
222
+ width: 60px;
223
+ height: 60px;
224
+ margin:-30px 0 0 -30px;
225
+ -webkit-animation:igspin 4s linear infinite;
226
+ -moz-animation:igspin 4s linear infinite;
227
+ animation:igspin 4s linear infinite;
228
+ }
229
+ @-moz-keyframes igspin { 100% { -moz-transform: rotate(360deg); } }
230
+ @-webkit-keyframes igspin { 100% { -webkit-transform: rotate(360deg); } }
231
+ @keyframes igspin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
232
+ .ig_front_msg-color{
233
+ color: #e93b59;
234
+ }
235
+ /* fix for <= IE8 browsers */
236
+ .igblock-wrap-IElte8 .ig-item.ighover a:hover:after,.igblock-wrap-IElte8 .instacarousel .swiper-slide a:hover:after {
237
+ background: none;
238
+ }
239
+ .igblock-wrap-IElte8 .instacarousel .swiper-slide{
240
+ width: 25%;
241
+ float: left;
242
+ }
243
+ .igblock-wrap-IElte8 .instacarousel:after{
244
+ clear:both;
245
+ display: block;
246
+ content:"";
247
+ }
248
  /*
249
  * responsive
250
  */
assests/insta-gallery.js ADDED
@@ -0,0 +1,86 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /**
2
+ * Instagram Gallery 1.3.6
3
+ * script for insta-gallery wp plugin
4
+ *
5
+ */
6
+
7
+ ( function( $ ) {
8
+ // load insta gallery content
9
+ function load_ig_gallery(){
10
+ $('.ig-block').each(function(){
11
+ var $e = $(this);
12
+ if($e.hasClass('ig-block-loaded')){
13
+ return true;
14
+ }else{
15
+ $e.addClass('ig-block-loaded');
16
+ }
17
+ var $spinner = $e.find('.ig-spinner');
18
+ var igalid = parseInt($e.data('igalid'));
19
+ if(!$spinner.length || isNaN(igalid)){
20
+ return;
21
+ }
22
+
23
+ // check internet connection
24
+ if(!navigator.onLine){
25
+ $e.append('you are OFFLINE, please connect to internet to view Instagram Gallery.');
26
+ return;
27
+ }
28
+ jQuery.ajax({
29
+ url : insgalajax.ajax_url,
30
+ type : 'post',
31
+ dataType: 'JSON',
32
+ data : {
33
+ action : 'load_ig_item',
34
+ igalid : igalid
35
+ },
36
+ cache: true,
37
+ beforeSend : function()
38
+ {
39
+ $spinner.show();
40
+ },
41
+ success : function( response ) {
42
+ if((typeof response == 'undefined') || (response == null) || (response == 0)) return;
43
+ if ((typeof response === 'object') && response.igsuccess) {
44
+ if (response.result) {
45
+ $e.append( response.result );
46
+ update_ig_dstyle(igalid);
47
+ }
48
+ }
49
+ }
50
+ }).fail(function (jqXHR, textStatus) {
51
+ console.log(textStatus);
52
+ }).always(function()
53
+ {
54
+ $spinner.hide();
55
+ if($e.find('.instagallery-actions').length){
56
+ $spinner.prependTo($e.find('.instagallery-actions'));
57
+ }
58
+ });
59
+ });
60
+ }
61
+
62
+ // update dynamic css
63
+ function update_ig_dstyle(igalid){
64
+ if(igalid == '') return;
65
+ igalid = parseInt(igalid);
66
+ var ig_itemsw = '#instagal-'+igalid;
67
+ if(!$(ig_itemsw).length) return;
68
+ var ig_dstyle = '';
69
+ if ($(ig_itemsw).attr('data-hvcolor') && ($(ig_itemsw).data('hvcolor') != '')) {
70
+ ig_dstyle += ig_itemsw+' .ig-item.ighover a:hover:after, '+ig_itemsw+' .swiper-slide a:hover:after {background: '+$(ig_itemsw).data('hvcolor')+';}';
71
+ }
72
+ if(ig_dstyle != ''){
73
+ $('head').append('<style>'+ig_dstyle+'</style>');
74
+ }
75
+ }
76
+ // start loading as the script loaded
77
+ if($('.ig-block').length){
78
+ load_ig_gallery();
79
+ }
80
+
81
+ jQuery(function($){
82
+ load_ig_gallery();
83
+ });
84
+
85
+ } )( jQuery );
86
+
index.php CHANGED
@@ -1 +1 @@
1
- silence is golden!
1
+ silence is Golden!
insta-gallery.php CHANGED
@@ -3,14 +3,15 @@
3
  * Plugin Name: Instagram Gallery
4
  * Description: Display pictures on your website from Instagram.
5
  * Author: Karan Singh
6
- * Author URI: https://karansingh.ml/
7
  * Text Domain: insta-gallery
8
- * Version: 1.3.2
9
  */
10
 
11
  // plugin global constants
12
  define('INSGALLERY_PATH', plugin_dir_path(__FILE__));
13
  define('INSGALLERY_URL', plugins_url('', __FILE__));
 
14
  // define('INSGALLERY_PLUGIN_DIR', plugin_basename(dirname(__FILE__)));
15
  // define('INSGALLERY_DEBUG', false);
16
  class INSGALLERY
@@ -18,28 +19,39 @@ class INSGALLERY
18
 
19
  public function __construct()
20
  {
21
- register_activation_hook(__FILE__,
22
- array($this,'activate'
23
- ));
24
- register_deactivation_hook(__FILE__,
25
- array($this,'deactivate'
26
- ));
 
 
27
 
28
  if (is_admin()) {
29
- add_action('admin_menu',
30
- array($this,'loadMenus'
31
- ));
 
32
  // add setting link
33
- add_filter('plugin_action_links',
34
- array($this,'insgal_add_action_plugin'
35
- ), 10, 5);
 
36
  }
37
 
38
- add_action('admin_enqueue_scripts',
39
- array($this,'load_admin_scripts'
40
- ));
 
41
 
42
  include_once (INSGALLERY_PATH . 'app/wp-front.php');
 
 
 
 
 
 
43
  }
44
 
45
  public function activate()
@@ -48,6 +60,29 @@ class INSGALLERY
48
  public function deactivate()
49
  {}
50
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
51
  function load_admin_scripts($hook)
52
  {
53
  // Load only on plugin page
@@ -59,10 +94,10 @@ class INSGALLERY
59
 
60
  function loadMenus()
61
  {
62
- add_options_page('Instagram Gallery', 'Instagram Gallery', 'manage_options',
63
- 'insta_gallery',
64
- array($this,'loadPanel'
65
- ));
66
  // add_menu_page();
67
  }
68
 
@@ -80,8 +115,7 @@ class INSGALLERY
80
  if ($plugin == $plugin_file) {
81
 
82
  $settings = array(
83
- 'settings' => '<a href="options-general.php?page=insta_gallery">' .
84
- __('Settings', 'General') . '</a>'
85
  );
86
 
87
  $actions = array_merge($settings, $actions);
3
  * Plugin Name: Instagram Gallery
4
  * Description: Display pictures on your website from Instagram.
5
  * Author: Karan Singh
6
+ * Author URI: https://www.karansingh.ml/
7
  * Text Domain: insta-gallery
8
+ * Version: 1.3.7
9
  */
10
 
11
  // plugin global constants
12
  define('INSGALLERY_PATH', plugin_dir_path(__FILE__));
13
  define('INSGALLERY_URL', plugins_url('', __FILE__));
14
+
15
  // define('INSGALLERY_PLUGIN_DIR', plugin_basename(dirname(__FILE__)));
16
  // define('INSGALLERY_DEBUG', false);
17
  class INSGALLERY
19
 
20
  public function __construct()
21
  {
22
+ register_activation_hook(__FILE__, array(
23
+ $this,
24
+ 'activate'
25
+ ));
26
+ register_deactivation_hook(__FILE__, array(
27
+ $this,
28
+ 'deactivate'
29
+ ));
30
 
31
  if (is_admin()) {
32
+ add_action('admin_menu', array(
33
+ $this,
34
+ 'loadMenus'
35
+ ));
36
  // add setting link
37
+ add_filter('plugin_action_links', array(
38
+ $this,
39
+ 'insgal_add_action_plugin'
40
+ ), 10, 5);
41
  }
42
 
43
+ add_action('admin_enqueue_scripts', array(
44
+ $this,
45
+ 'load_admin_scripts'
46
+ ));
47
 
48
  include_once (INSGALLERY_PATH . 'app/wp-front.php');
49
+
50
+ // save ig adv. setting
51
+ add_action('wp_ajax_save_igadvs', array(
52
+ $this,
53
+ 'save_igadvs'
54
+ ));
55
  }
56
 
57
  public function activate()
60
  public function deactivate()
61
  {}
62
 
63
+ public function save_igadvs()
64
+ {
65
+ if (! isset($_POST['igadvs_nonce']) || ! wp_verify_nonce( $_POST['igadvs_nonce'], 'igadvs_nonce_key')) {
66
+ exit(json_encode(array('igsuccess'=>true,'message'=>'Invalid Request.')));
67
+ }
68
+ $igs_spinner = '';
69
+ $igs_flush = (isset($_POST['igs-flush']) && $_POST['igs-flush']) ? true : false;
70
+ if(!empty($_POST['igs-spinner'])){
71
+ $igs_spinner = $_POST['igs-spinner'];
72
+ if (! filter_var($igs_spinner, FILTER_VALIDATE_URL)) {
73
+ exit(json_encode(array('igsuccess'=>true,'message'=>'Invalid Spinner URL.')));
74
+ }
75
+ }
76
+ $insta_gallery_setting = array(
77
+ 'igs_spinner' => $igs_spinner,
78
+ 'igs_flush' => $igs_flush,
79
+ );
80
+ update_option('insta_gallery_setting', $insta_gallery_setting);
81
+ $reponse = array('igsuccess'=>true,'message'=> 'setting updated successfully');
82
+ echo json_encode($reponse);
83
+ exit();
84
+ }
85
+
86
  function load_admin_scripts($hook)
87
  {
88
  // Load only on plugin page
94
 
95
  function loadMenus()
96
  {
97
+ add_options_page('Instagram Gallery', 'Instagram Gallery', 'manage_options', 'insta_gallery', array(
98
+ $this,
99
+ 'loadPanel'
100
+ ));
101
  // add_menu_page();
102
  }
103
 
115
  if ($plugin == $plugin_file) {
116
 
117
  $settings = array(
118
+ 'settings' => '<a href="options-general.php?page=insta_gallery">' . __('Settings', 'General') . '</a>'
 
119
  );
120
 
121
  $actions = array_merge($settings, $actions);
readme.txt CHANGED
@@ -1,14 +1,14 @@
1
  === Plugin Name ===
2
  Contributors: Karan Singh
3
- Tags: instagram, gallery, pictures, slider, carousel slider, image gallery, image slider, instagram gallery, instagram pictures
4
  Requires at least: 3.8.0
5
- Tested up to: 4.7
6
- Stable tag: 1.3.2
7
  License: GPLv2 or later
8
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
9
  Donate link: https://www.paypal.me/karanpay
10
 
11
- Instagram Gallery is an easy way to display your Instagram pictures on the site.
12
 
13
  == Description ==
14
 
@@ -18,7 +18,7 @@ Plugin updates new pictures as you upload new-one on Instagram.
18
 
19
  **Note:** Profile needs to be publicly visible to show pictures.
20
 
21
- **Demo:** you can see live demo [HERE](https://karansingh.ml/public/demo/insta-gallery/). or check 'screenshots' section for demo.
22
 
23
  **How to use:** add new gallery in plugin setting panel, generate shortcode and paste them in the pages/post content OR use the "echo do_shortcode( '[MyShortcode]' );" php code to add them in PHP file.
24
 
@@ -47,6 +47,10 @@ profile needs to be publicly visible to show pictures.
47
 
48
  Yes you can.
49
 
 
 
 
 
50
  == Screenshots ==
51
 
52
  1. Plugin backend
@@ -55,6 +59,25 @@ Yes you can.
55
  4. Carousel Slider view
56
 
57
  == Changelog ==
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
58
  = 1.3.2 =
59
  * display likes and comments
60
  * old shortcode support ended
@@ -86,6 +109,21 @@ Yes you can.
86
 
87
 
88
  == Upgrade Notice ==
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
89
  = 1.3.2 =
90
  update to display Likes/Comments
91
 
1
  === Plugin Name ===
2
  Contributors: Karan Singh
3
+ Tags: instagram, instagram feed, gallery, pictures, slider, carousel slider, image gallery, image slider, instagram gallery, instagram pictures
4
  Requires at least: 3.8.0
5
+ Tested up to: 4.8
6
+ Stable tag: 1.3.7
7
  License: GPLv2 or later
8
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
9
  Donate link: https://www.paypal.me/karanpay
10
 
11
+ Instagram Gallery is an easy way to display your Instagram pictures on the website.
12
 
13
  == Description ==
14
 
18
 
19
  **Note:** Profile needs to be publicly visible to show pictures.
20
 
21
+ **Demo:** you can see live demo [HERE](https://www.karansingh.ml/public/demo/insta-gallery/). or check 'screenshots' section for demo.
22
 
23
  **How to use:** add new gallery in plugin setting panel, generate shortcode and paste them in the pages/post content OR use the "echo do_shortcode( '[MyShortcode]' );" php code to add them in PHP file.
24
 
47
 
48
  Yes you can.
49
 
50
+ = why there are two popups on image click? =
51
+
52
+ there may be some other plugins(like: fancybox) which also uses image links to open popup. try to disable popup images option in the setting panel of this plugin, which will allow other plugins to work.
53
+
54
  == Screenshots ==
55
 
56
  1. Plugin backend
59
  4. Carousel Slider view
60
 
61
  == Changelog ==
62
+ = 1.3.7 =
63
+ * Instagram profile link/button added in Carousel view
64
+ * wp_nonce removed because of conflicts with cache plugins
65
+
66
+ = 1.3.6 =
67
+ * Instagram profile link/button added in gallery view
68
+ * added option to choose custom hover color
69
+
70
+ = 1.3.5 =
71
+ * cURL warning issue fixed
72
+
73
+ = 1.3.4 =
74
+ * cURL warning added
75
+
76
+ = 1.3.3 =
77
+ * ajax gallery loading
78
+ * speed optimised
79
+ * clean setting on un-install
80
+
81
  = 1.3.2 =
82
  * display likes and comments
83
  * old shortcode support ended
109
 
110
 
111
  == Upgrade Notice ==
112
+ = 1.3.7 =
113
+ cache confliction fixed
114
+
115
+ = 1.3.6 =
116
+ get Instagram Profile button and custom hover color
117
+
118
+ = 1.3.5 =
119
+ upgrade if you have found unwanted cURL warning message
120
+
121
+ = 1.3.4 =
122
+ warning message if cURL not loaded
123
+
124
+ = 1.3.3 =
125
+ get faster page loading
126
+
127
  = 1.3.2 =
128
  update to display Likes/Comments
129
 
templates/carousel.php CHANGED
@@ -1,39 +1,32 @@
1
- <?php
2
- $insta_limit = $IGItem['insta_limit'];
3
- $car_slidespv = $IGItem['insta_car-slidespv'];
4
- $car_navarrows = $IGItem['insta_car-navarrows'];
5
- $car_dots = $IGItem['insta_car-dots'];
6
- $car_spacing = $IGItem['insta_car-spacing'];
7
- $insta_likes = $IGItem['insta_likes'];
8
- $insta_comments = $IGItem['insta_comments'];
9
 
10
  $insta_source = ($IGItem['ig_select_from'] == 'username') ? 'user_' . $IGItem['insta_user'] : 'tag_' . $IGItem['insta_tag'];
11
 
12
- global $instacar_COUNT;
13
- if (empty($instacar_COUNT))
14
- $instacar_COUNT = 0;
15
- $instacar_COUNT ++;
16
-
17
- // Registering scripts.
18
- // wp_enqueue_style('swiper', INSGALLERY_URL . '/assests/swiper/swiper.min.css');
19
- wp_enqueue_script('swiper', INSGALLERY_URL . '/assests/swiper/swiper.jquery.min.js');
20
- wp_enqueue_script('magnific', INSGALLERY_URL . '/assests/magnific-popup/jquery.magnific-popup.min.js');
21
 
22
  $i = 1;
23
 
24
- $results .= '<div class="swiper-container instacarousel" data-source="' . $insta_source . '" id="instacarousel-' . $instacar_COUNT . '">';
25
  $results .= '<div class="swiper-wrapper">';
 
26
  foreach ($instaItems as $item) {
27
- if (! empty($item['img_low']) && ! empty($item['img_standard'])) {
 
28
  $results .= '<div class="swiper-slide" >';
29
- $results .= '<a href="' . $item['img_standard'] . '" data-title="' .$item['caption']. '">';
30
- $results .= '<img src="' . $item['img_low'] . '" alt="' .$item['caption']. '" />';
31
- if ($insta_likes || $insta_comments) {
 
32
  $results .= '<span class="ic-likes-comments">';
33
- if ($insta_likes) {
34
  $results .= '<span><span class="dashicons dashicons-heart"></span>' . $item['likes'] . '</span>';
35
  }
36
- if ($insta_comments) {
37
  $results .= '<span><span class="dashicons dashicons-admin-comments"></span>' . $item['comments'] . '</span>';
38
  }
39
  $results .= '</span>';
@@ -42,27 +35,31 @@ foreach ($instaItems as $item) {
42
  $results .= '</div>';
43
  }
44
  $i ++;
45
- if (($insta_limit != 0) && ($i > $insta_limit))
46
  break;
47
  }
 
48
  $results .= '</div>';
49
  $results .= '<div class="swiper-pagination"></div>';
50
- if ($car_navarrows) {
 
51
  $results .= '<div class="swiper-button-prev"></div><div class="swiper-button-next"></div>';
52
  }
53
  $results .= '</div>';
54
-
55
- $JSICSelector = '#instacarousel-' . $instacar_COUNT;
 
 
56
 
57
  $results .= "<script>
58
  jQuery(document).ready(function ($) {
59
  var mySwiper = new Swiper ('$JSICSelector', {
60
  loop: true,autoplay: 3000,";
61
- if ($car_dots) {
62
  $results .= "pagination: '.swiper-pagination',
63
  ";
64
  }
65
- if ($car_navarrows) {
66
  $results .= "nextButton: '.swiper-button-next',
67
  prevButton: '.swiper-button-prev',paginationClickable: true,";
68
  }
@@ -70,16 +67,16 @@ if ($car_spacing) {
70
  $results .= "spaceBetween: 20,";
71
  }
72
 
73
- $results .= "slidesPerView: $car_slidespv,";
74
 
75
  $results .= "breakpoints: {";
76
- if ($car_slidespv > 3) {
77
  $results .= "1023: {
78
  slidesPerView: 3,
79
  spaceBetween: 20
80
  },";
81
  }
82
- if ($car_slidespv > 2) {
83
  $results .= "767: {
84
  slidesPerView: 2,
85
  spaceBetween: 15
@@ -90,9 +87,11 @@ $results .= "420: {
90
  }";
91
  $results .= "}";
92
 
93
- $results .= "});
 
 
94
 
95
- jQuery('$JSICSelector .swiper-slide>a').magnificPopup({
96
  type: 'image',
97
  mainClass: 'mfp-with-zoom',
98
  zoom: {
@@ -111,8 +110,9 @@ jQuery('$JSICSelector .swiper-slide>a').magnificPopup({
111
  return item.el.attr('data-title');
112
  }
113
  }
114
- });
115
- });
 
116
  </script>";
117
 
118
- return $results;
1
+ <?php
 
 
 
 
 
 
 
2
 
3
  $insta_source = ($IGItem['ig_select_from'] == 'username') ? 'user_' . $IGItem['insta_user'] : 'tag_' . $IGItem['insta_tag'];
4
 
5
+ $instaUrl = 'https://www.instagram.com/';
6
+ if($IGItem['ig_select_from'] == 'username') {
7
+ $instaUrl .= $IGItem['insta_user'];
8
+ } else {
9
+ $instaUrl .= 'explore/tags/'.$IGItem['insta_tag'];
10
+ }
 
 
 
11
 
12
  $i = 1;
13
 
14
+ $results .= '<div class="swiper-container instacarousel" data-source="' . $insta_source . '" data-hvcolor="'.$IGItem['insta_hover-color'].'" id="instagal-' . $IGItem['gid']. '">';
15
  $results .= '<div class="swiper-wrapper">';
16
+
17
  foreach ($instaItems as $item) {
18
+ if (! empty($item['img_low']) && ! empty($item['img_standard']) && ! empty($item['img_thumb'])) {
19
+ $img_src = ($IGItem['insta_car-slidespv'] == 1) ? $item['img_standard'] : ((($IGItem['insta_car-slidespv'] > 10) || ($IGItem['insta_thumb-size'] == 'small')) ? $item['img_thumb'] : $item['img_low']);
20
  $results .= '<div class="swiper-slide" >';
21
+ $results .= '<a href="' . $item['img_standard'] . '" target="blank" data-title="' .$item['caption']. '" class="nofancybox">'; // ' .substr($item['caption'],0,120). '
22
+ $results .= '<img alt="instagram" src="' . $img_src. '" />';
23
+ // $results .= '<img data-src="' . $img_src. '" class="swiper-lazy" /><div class="swiper-lazy-preloader"></div>';
24
+ if ($IGItem['insta_likes'] || $IGItem['insta_comments']) {
25
  $results .= '<span class="ic-likes-comments">';
26
+ if ($IGItem['insta_likes']) {
27
  $results .= '<span><span class="dashicons dashicons-heart"></span>' . $item['likes'] . '</span>';
28
  }
29
+ if ($IGItem['insta_comments']) {
30
  $results .= '<span><span class="dashicons dashicons-admin-comments"></span>' . $item['comments'] . '</span>';
31
  }
32
  $results .= '</span>';
35
  $results .= '</div>';
36
  }
37
  $i ++;
38
+ if (($IGItem['insta_limit'] != 0) && ($i > $IGItem['insta_limit']))
39
  break;
40
  }
41
+
42
  $results .= '</div>';
43
  $results .= '<div class="swiper-pagination"></div>';
44
+
45
+ if ($IGItem['insta_car-navarrows']) {
46
  $results .= '<div class="swiper-button-prev"></div><div class="swiper-button-next"></div>';
47
  }
48
  $results .= '</div>';
49
+ if($IGItem['insta_instalink']){
50
+ $results .= '<div class="instagallery-actions"><a href="'.$instaUrl.'" target="blank" class="igact-instalink"><span class="dashicons dashicons-external"></span>'.$IGItem['insta_instalink-text'].'</a></div>';
51
+ }
52
+ $JSICSelector = '#instagal-' . $IGItem['gid'];
53
 
54
  $results .= "<script>
55
  jQuery(document).ready(function ($) {
56
  var mySwiper = new Swiper ('$JSICSelector', {
57
  loop: true,autoplay: 3000,";
58
+ if ($IGItem['insta_car-dots']) {
59
  $results .= "pagination: '.swiper-pagination',
60
  ";
61
  }
62
+ if ($IGItem['insta_car-navarrows']) {
63
  $results .= "nextButton: '.swiper-button-next',
64
  prevButton: '.swiper-button-prev',paginationClickable: true,";
65
  }
67
  $results .= "spaceBetween: 20,";
68
  }
69
 
70
+ $results .= "slidesPerView: {$IGItem['insta_car-slidespv']},";
71
 
72
  $results .= "breakpoints: {";
73
+ if ($IGItem['insta_car-slidespv'] > 3) {
74
  $results .= "1023: {
75
  slidesPerView: 3,
76
  spaceBetween: 20
77
  },";
78
  }
79
+ if ($IGItem['insta_car-slidespv'] > 2) {
80
  $results .= "767: {
81
  slidesPerView: 2,
82
  spaceBetween: 15
87
  }";
88
  $results .= "}";
89
 
90
+ $results .= "});";
91
+
92
+ if ($IGItem['insta_car-spacing']) {
93
 
94
+ $results .= "jQuery('$JSICSelector .swiper-slide>a').magnificPopup({
95
  type: 'image',
96
  mainClass: 'mfp-with-zoom',
97
  zoom: {
110
  return item.el.attr('data-title');
111
  }
112
  }
113
+ });";
114
+ }
115
+ $results .= "});
116
  </script>";
117
 
118
+ // return $results;
templates/gallery.php CHANGED
@@ -1,49 +1,35 @@
1
  <?php
2
- $insta_limit = $IGItem['insta_limit'];
3
- $gal_cols = $IGItem['insta_gal-cols'];
4
- $gal_imgpopup = $IGItem['insta_gal-popup'];
5
- $gal_imghover = $IGItem['insta_gal-hover'];
6
- $gal_imgspacing = $IGItem['insta_gal-spacing'];
7
- $insta_likes = $IGItem['insta_likes'];
8
- $insta_comments = $IGItem['insta_comments'];
9
 
10
  $insta_source = ($IGItem['ig_select_from'] == 'username') ? 'user_'. $IGItem['insta_user'] : 'tag_'. $IGItem['insta_tag'];
11
-
12
- global $instagal_COUNT;
13
- if(empty($instagal_COUNT))$instagal_COUNT = 0;
14
- $instagal_COUNT++;
15
- // Registering scripts.
16
- if ($gal_imgpopup) {
17
- // wp_enqueue_style('magnific', INSGALLERY_URL . '/assests/magnific-popup/magnific-popup.css');
18
- wp_enqueue_script('magnific', INSGALLERY_URL . '/assests/magnific-popup/jquery.magnific-popup.min.js');
19
- }
20
- $i = 1;
21
 
22
- // fix for <= IE8 browsers
23
- $results .= '<!--[if lt IE 9]>
24
- <style>
25
- .ig-item.ighover a:hover:after {
26
- background: none;
27
  }
28
- </style>
29
- <![endif]-->';
30
 
31
- $results .= '<div class="instagallery-items instagallery" data-source="'.$insta_source.'" id="instagallery-'.$instagal_COUNT.'">';
 
 
 
 
 
32
  foreach ($instaItems as $item) {
33
 
34
- $img_src = ($gal_cols == 1) ? $item['img_standard'] : $item['img_low'];
35
- $hovered = $gal_imghover ? 'ighover' : '';
36
- $spacing = $gal_imgspacing ? '' : 'no-spacing';
37
- $results .= '<div class="ig-item '.$hovered.' '. $spacing .' cols-' . $gal_cols . '" style="width:' . (100 / $gal_cols) . '%;">';
38
 
39
- $results .= '<a href="' . $item['img_standard'] . '" data-title="' .$item['caption']. '">';
40
- $results .= '<img src="' . $img_src . '" alt="' .$item['caption']. '"/>';
41
- if($insta_likes || $insta_comments){
42
  $results .= '<span class="ig-likes-comments">';
43
- if($insta_likes){
44
  $results .= '<span><span class="dashicons dashicons-heart"></span>' . $item['likes'] . '</span>';
45
  }
46
- if($insta_comments){
47
  $results .= '<span><span class="dashicons dashicons-admin-comments"></span>' . $item['comments'] . '</span>';
48
  }
49
  $results .= '</span>';
@@ -52,14 +38,16 @@ foreach ($instaItems as $item) {
52
  $results .= '</div>';
53
 
54
  $i ++;
55
- if (($insta_limit != 0) && ($i > $insta_limit))
56
  break;
57
  }
58
  $results .= '</div>';
 
 
 
 
59
 
60
- if ($gal_imgpopup) {
61
-
62
- $JSIGSelector = '#instagallery-'.$instagal_COUNT.' .ig-item a';
63
  $rs = <<<JS
64
  <script>
65
  jQuery(document).ready(function ($) {
@@ -88,4 +76,5 @@ if ($gal_imgpopup) {
88
  JS;
89
  $results .= $rs;
90
  }
91
- return $results;
 
1
  <?php
 
 
 
 
 
 
 
2
 
3
  $insta_source = ($IGItem['ig_select_from'] == 'username') ? 'user_'. $IGItem['insta_user'] : 'tag_'. $IGItem['insta_tag'];
 
 
 
 
 
 
 
 
 
 
4
 
5
+ $instaUrl = 'https://www.instagram.com/';
6
+ if($IGItem['ig_select_from'] == 'username') {
7
+ $instaUrl .= $IGItem['insta_user'];
8
+ } else {
9
+ $instaUrl .= 'explore/tags/'.$IGItem['insta_tag'];
10
  }
 
 
11
 
12
+ $i = 1;
13
+ $data_hvcolor = '';
14
+ if(!empty($IGItem['insta_hover-color'])){
15
+ $data_hvcolor = ' data-hvcolor="'.$IGItem['insta_hover-color'].'" ';
16
+ }
17
+ $results .= '<div class="instagallery-items instagallery" data-source="'.$insta_source.'" '.$data_hvcolor.' id="instagal-'.$IGItem['gid'].'">';
18
  foreach ($instaItems as $item) {
19
 
20
+ $img_src = ($IGItem['insta_gal-cols'] == 1) ? $item['img_standard'] : ((($IGItem['insta_gal-cols'] > 9) || ($IGItem['insta_thumb-size'] == 'small')) ? $item['img_thumb'] : $item['img_low']);
21
+ $hovered = $IGItem['insta_gal-hover'] ? 'ighover' : '';
22
+ $spacing = $IGItem['insta_gal-spacing'] ? '' : 'no-spacing';
23
+ $results .= '<div class="ig-item '.$hovered.' '. $spacing .' cols-' . $IGItem['insta_gal-cols'] . '" style="width:' . (100 / $IGItem['insta_gal-cols']) . '%;">';
24
 
25
+ $results .= '<a href="' . $item['img_standard'] . '" target="blank" data-title="' .$item['caption']. '" class="nofancybox">';
26
+ $results .= '<img src="' . $img_src . '" alt="instagram" />';
27
+ if($IGItem['insta_likes'] || $IGItem['insta_comments']){
28
  $results .= '<span class="ig-likes-comments">';
29
+ if($IGItem['insta_likes']){
30
  $results .= '<span><span class="dashicons dashicons-heart"></span>' . $item['likes'] . '</span>';
31
  }
32
+ if($IGItem['insta_comments']){
33
  $results .= '<span><span class="dashicons dashicons-admin-comments"></span>' . $item['comments'] . '</span>';
34
  }
35
  $results .= '</span>';
38
  $results .= '</div>';
39
 
40
  $i ++;
41
+ if (($IGItem['insta_limit'] != 0) && ($i > $IGItem['insta_limit']))
42
  break;
43
  }
44
  $results .= '</div>';
45
+ if($IGItem['insta_instalink']){
46
+ $results .= '<div class="instagallery-actions"><a href="'.$instaUrl.'" target="blank" class="igact-instalink"><span class="dashicons dashicons-external"></span>'.$IGItem['insta_instalink-text'].'</a></div>';
47
+ }
48
+ if ($IGItem['insta_gal-popup']) {
49
 
50
+ $JSIGSelector = '#instagal-'.$IGItem['gid'].' .ig-item a';
 
 
51
  $rs = <<<JS
52
  <script>
53
  jQuery(document).ready(function ($) {
76
  JS;
77
  $results .= $rs;
78
  }
79
+
80
+ // return $results;
templates/slider.php CHANGED
@@ -1,24 +1,14 @@
1
  <?php
2
- $insta_limit = $IGItem['insta_limit'];
3
- $sli_effect = $IGItem['insta_sli-effect'];
4
- $sli_timeout = (int) $IGItem['insta_sli-timeout'];
5
- $sli_navarrows = $IGItem['insta_sli-navarrows'];
6
- $sli_dots = $IGItem['insta_sli-dots'];
7
- $sli_scroll = $IGItem['insta_sli-scroll'];
8
 
9
  $insta_source = ($IGItem['ig_select_from'] == 'username') ? 'user_'. $IGItem['insta_user'] : 'tag_'. $IGItem['insta_tag'];
10
 
11
- global $instasli_COUNT;
12
- if(empty($instasli_COUNT))$instasli_COUNT = 0;
13
- $instasli_COUNT++;
14
 
15
  // Registering scripts.
16
- // wp_enqueue_style('swiper', INSGALLERY_URL . '/assests/swiper/swiper.min.css');
17
- wp_enqueue_script('swiper', INSGALLERY_URL . '/assests/swiper/swiper.jquery.min.js');
18
 
19
  $i = 1;
20
 
21
- $results .= '<div class="swiper-container instaslider" data-source="'.$insta_source.'" id="instaslider-'.$instasli_COUNT.'">';
22
  $results .= '<div class="swiper-wrapper">';
23
  foreach ($instaItems as $item) {
24
  if (! empty($item['img_standard'])) {
@@ -26,40 +16,40 @@ foreach ($instaItems as $item) {
26
  $results .= '<img src="' . $item['img_standard'] . '" alt="instagram" /></div>';
27
  }
28
  $i ++;
29
- if (($insta_limit != 0) && ($i > $insta_limit))
30
  break;
31
  }
32
  $results .= '</div>';
33
  $results .= '<div class="swiper-pagination"></div>';
34
- if ($sli_navarrows) {
35
  $results .= '<div class="swiper-button-prev"></div><div class="swiper-button-next"></div>';
36
  }
37
- if ($sli_scroll) {
38
  $results .= '<div class="swiper-scrollbar"></div>';
39
  }
40
  $results .= '</div>';
41
 
42
- $JSISSelector = '#instaslider-'.$instasli_COUNT;
43
 
44
  $results .= "<script>
45
  jQuery(document).ready(function ($) {
46
  var mySwiper = new Swiper ('$JSISSelector', {
47
  loop: true,";
48
- if ($sli_dots) {
49
  $results .= "pagination: '.swiper-pagination',
50
  ";
51
  }
52
- if ($sli_navarrows) {
53
  $results .= "nextButton: '.swiper-button-next',
54
  prevButton: '.swiper-button-prev',";
55
  }
56
- if ($sli_scroll) {
57
  $results .= "scrollbar: '.swiper-scrollbar',";
58
  }
59
-
60
- $results .= "effect: '$sli_effect',autoplay: '$sli_timeout',
61
  });
62
  });
63
  </script>";
64
 
65
- return $results;
1
  <?php
 
 
 
 
 
 
2
 
3
  $insta_source = ($IGItem['ig_select_from'] == 'username') ? 'user_'. $IGItem['insta_user'] : 'tag_'. $IGItem['insta_tag'];
4
 
 
 
 
5
 
6
  // Registering scripts.
7
+ // wp_enqueue_script('swiper');
 
8
 
9
  $i = 1;
10
 
11
+ $results .= '<div class="swiper-container instaslider" data-source="'.$insta_source.'" id="instaslider-'.$IGItem['gid'].'">';
12
  $results .= '<div class="swiper-wrapper">';
13
  foreach ($instaItems as $item) {
14
  if (! empty($item['img_standard'])) {
16
  $results .= '<img src="' . $item['img_standard'] . '" alt="instagram" /></div>';
17
  }
18
  $i ++;
19
+ if (($IGItem['insta_limit'] != 0) && ($i > $IGItem['insta_limit']))
20
  break;
21
  }
22
  $results .= '</div>';
23
  $results .= '<div class="swiper-pagination"></div>';
24
+ if ($IGItem['insta_sli-navarrows']) {
25
  $results .= '<div class="swiper-button-prev"></div><div class="swiper-button-next"></div>';
26
  }
27
+ if ($IGItem['insta_sli-scroll']) {
28
  $results .= '<div class="swiper-scrollbar"></div>';
29
  }
30
  $results .= '</div>';
31
 
32
+ $JSISSelector = '#instaslider-'.$IGItem['gid'];
33
 
34
  $results .= "<script>
35
  jQuery(document).ready(function ($) {
36
  var mySwiper = new Swiper ('$JSISSelector', {
37
  loop: true,";
38
+ if ($IGItem['insta_sli-dots']) {
39
  $results .= "pagination: '.swiper-pagination',
40
  ";
41
  }
42
+ if ($IGItem['insta_sli-navarrows']) {
43
  $results .= "nextButton: '.swiper-button-next',
44
  prevButton: '.swiper-button-prev',";
45
  }
46
+ if ($IGItem['insta_sli-scroll']) {
47
  $results .= "scrollbar: '.swiper-scrollbar',";
48
  }
49
+ $sli_timeout = (int) $IGItem['insta_sli-timeout'];
50
+ $results .= "effect: '{$IGItem['insta_sli-effect']}',autoplay: '$sli_timeout',
51
  });
52
  });
53
  </script>";
54
 
55
+ // return $results;
uninstall.php ADDED
@@ -0,0 +1,14 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ if ( ! defined( 'WP_UNINSTALL_PLUGIN' ) ) {
4
+ exit();
5
+ }
6
+ // remove all settings related to the plugin
7
+ function igal_delete_plugin() {
8
+ $InstaGallerySetting = get_option('insta_gallery_setting');
9
+ if(!empty($InstaGallerySetting['igs_flush'])){
10
+ delete_option( 'insta_gallery_setting' );
11
+ delete_option( 'insta_gallery_items' );
12
+ }
13
+ }
14
+ igal_delete_plugin();