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

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}#x2F;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();