FancyBox for WordPress - Version 3.2.0

Version Description

  • Admin UI minor update
  • Removed unneeded ie css file
  • Added option in Behaviour tab to exclude links that target .pdf files from being displayed in the lightbox
Download this release

Release Info

Developer machothemes
Plugin Icon wp plugin FancyBox for WordPress
Version 3.2.0
Comparing to
See all releases

Code changes from version 3.1.9 to 3.2.0

assets/css/fancybox-admin.css CHANGED
@@ -181,86 +181,7 @@
181
  font-size: 19px
182
  }
183
 
184
- .fancy-table .onoffswitch-checkbox {
185
- display: none
186
- }
187
-
188
- .fancy-table .onoffswitch-label {
189
- display: block;
190
- overflow: hidden;
191
- cursor: pointer;
192
- height: 22px;
193
- padding: 0;
194
- width: 50px;
195
- position: relative;
196
- line-height: 19px;
197
- transition: background-color .2s ease-in;
198
- -webkit-border-radius: 11px;
199
- -moz-border-radius: 11px;
200
- border-radius: 30px;
201
- background-color: #c4c4c4;
202
- -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, .11);
203
- -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, .11);
204
- box-shadow: inset 0 2px 1px rgba(0, 0, 0, .11)
205
- }
206
-
207
- .fancy-table .onoffswitch-label:before {
208
- content: "";
209
- display: block;
210
- width: 18px;
211
- height: 18px;
212
- margin: 0;
213
- position: absolute;
214
- top: 2px;
215
- bottom: 0;
216
- right: 32px;
217
- background-color: #fff;
218
- -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
219
- -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
220
- box-shadow: 0 0 3px rgba(0, 0, 0, .1);
221
- -webkit-border-radius: 10px;
222
- -moz-border-radius: 10px;
223
- border-radius: 10px;
224
- transition: all .2s ease-in 0s
225
- }
226
-
227
- .fancy-table .onoffswitch-checkbox:checked + .onoffswitch-label:after,
228
- .fancy-table .onoffswitch-label:after {
229
- display: block;
230
- color: #fff;
231
- top: 2px;
232
- bottom: 2px;
233
- font-size: 11px;
234
- font-family: Arial;
235
- position: absolute
236
- }
237
-
238
- .fancy-table .onoffswitch-label:after {
239
- content: "OFF";
240
- right: 6px
241
- }
242
-
243
- .fancy-table .onoffswitch-checkbox:checked + .onoffswitch-label {
244
- background-color: #3caf0e
245
- }
246
-
247
- .fancy-table .onoffswitch-checkbox:checked + .onoffswitch-label,
248
- input[type=checkbox]:checked + .onoffswitch-label:before {
249
- border-color: #3caf0e
250
- }
251
-
252
- .fancy-table .onoffswitch-checkbox:checked + .onoffswitch-label:before {
253
- right: 2px
254
- }
255
-
256
- .fancy-table .onoffswitch-checkbox:checked + .onoffswitch-label:after {
257
- content: "ON";
258
- right: 27px
259
- }
260
-
261
- label.onoffswitch-label,
262
  span.switch-text {
263
- float: left;
264
  display: inline-block
265
  }
266
 
@@ -373,4 +294,317 @@ a.modula-link:hover {
373
  .about-wrap.fbfw-wrap .about-text,
374
  .about-wrap.fbfw-wrap h1 {
375
  margin-right: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
376
  }
181
  font-size: 19px
182
  }
183
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
184
  span.switch-text {
 
185
  display: inline-block
186
  }
187
 
294
  .about-wrap.fbfw-wrap .about-text,
295
  .about-wrap.fbfw-wrap h1 {
296
  margin-right: 0;
297
+ }
298
+
299
+ /**
300
+ * Tooltip Styles
301
+ */
302
+
303
+ /* Base styles for the element that has a tooltip */
304
+ [data-tooltip],
305
+ .tooltip {
306
+ position: relative;
307
+ cursor: pointer;
308
+ }
309
+
310
+ /* Base styles for the entire tooltip */
311
+ [data-tooltip]:before,
312
+ [data-tooltip]:after,
313
+ .tooltip:before,
314
+ .tooltip:after {
315
+ position: absolute;
316
+ visibility: hidden;
317
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
318
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
319
+ opacity: 0;
320
+ -webkit-transition: opacity 0.2s ease-in-out,
321
+ visibility 0.2s ease-in-out,
322
+ -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
323
+ -moz-transition: opacity 0.2s ease-in-out,
324
+ visibility 0.2s ease-in-out,
325
+ -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
326
+ transition: opacity 0.2s ease-in-out,
327
+ visibility 0.2s ease-in-out,
328
+ transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
329
+ -webkit-transform: translate3d(0, 0, 0);
330
+ -moz-transform: translate3d(0, 0, 0);
331
+ transform: translate3d(0, 0, 0);
332
+ pointer-events: none;
333
+ }
334
+
335
+ /* Show the entire tooltip on hover and focus */
336
+ [data-tooltip]:hover:before,
337
+ [data-tooltip]:hover:after,
338
+ [data-tooltip]:focus:before,
339
+ [data-tooltip]:focus:after,
340
+ .tooltip:hover:before,
341
+ .tooltip:hover:after,
342
+ .tooltip:focus:before,
343
+ .tooltip:focus:after {
344
+ visibility: visible;
345
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
346
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
347
+ opacity: 1;
348
+ }
349
+
350
+ /* Base styles for the tooltip's directional arrow */
351
+ .tooltip:before,
352
+ [data-tooltip]:before {
353
+ z-index: 1001;
354
+ border: 6px solid transparent;
355
+ background: transparent;
356
+ content: "";
357
+ }
358
+
359
+ /* Base styles for the tooltip's content area */
360
+ .tooltip:after,
361
+ [data-tooltip]:after {
362
+ z-index: 1000;
363
+ padding: 8px;
364
+ width: 360px;
365
+ background-color: #000;
366
+ background-color: hsla(0, 0%, 20%, 1);
367
+ color: #fff;
368
+ content: attr(data-tooltip);
369
+ line-height: 1.75;
370
+ }
371
+
372
+ /* Directions */
373
+
374
+ /* Top (default) */
375
+ [data-tooltip]:before,
376
+ [data-tooltip]:after,
377
+ .tooltip:before,
378
+ .tooltip:after,
379
+ .tooltip-top:before,
380
+ .tooltip-top:after {
381
+ bottom: 100%;
382
+ left: 50%;
383
+ }
384
+
385
+ [data-tooltip]:before,
386
+ .tooltip:before,
387
+ .tooltip-top:before {
388
+ margin-left: -6px;
389
+ margin-bottom: -12px;
390
+ border-top-color: #000;
391
+ border-top-color: hsla(0, 0%, 20%, 0.9);
392
+ }
393
+
394
+ /* Horizontally align top/bottom tooltips */
395
+ [data-tooltip]:after,
396
+ .tooltip:after,
397
+ .tooltip-top:after {
398
+ margin-left: -80px;
399
+ }
400
+
401
+ [data-tooltip]:hover:before,
402
+ [data-tooltip]:hover:after,
403
+ [data-tooltip]:focus:before,
404
+ [data-tooltip]:focus:after,
405
+ .tooltip:hover:before,
406
+ .tooltip:hover:after,
407
+ .tooltip:focus:before,
408
+ .tooltip:focus:after,
409
+ .tooltip-top:hover:before,
410
+ .tooltip-top:hover:after,
411
+ .tooltip-top:focus:before,
412
+ .tooltip-top:focus:after {
413
+ -webkit-transform: translateY(-12px);
414
+ -moz-transform: translateY(-12px);
415
+ transform: translateY(-12px);
416
+ }
417
+
418
+ /* Left */
419
+ .tooltip-left:before,
420
+ .tooltip-left:after {
421
+ right: 100%;
422
+ bottom: 50%;
423
+ left: auto;
424
+ }
425
+
426
+ .tooltip-left:before {
427
+ margin-left: 0;
428
+ margin-right: -12px;
429
+ margin-bottom: 0;
430
+ border-top-color: transparent;
431
+ border-left-color: #000;
432
+ border-left-color: hsla(0, 0%, 20%, 0.9);
433
+ }
434
+
435
+ .tooltip-left:hover:before,
436
+ .tooltip-left:hover:after,
437
+ .tooltip-left:focus:before,
438
+ .tooltip-left:focus:after {
439
+ -webkit-transform: translateX(-12px);
440
+ -moz-transform: translateX(-12px);
441
+ transform: translateX(-12px);
442
+ }
443
+
444
+ /* Bottom */
445
+ .tooltip-bottom:before,
446
+ .tooltip-bottom:after {
447
+ top: 100%;
448
+ bottom: auto;
449
+ left: 50%;
450
+ }
451
+
452
+ .tooltip-bottom:before {
453
+ margin-top: -12px;
454
+ margin-bottom: 0;
455
+ border-top-color: transparent;
456
+ border-bottom-color: #000;
457
+ border-bottom-color: hsla(0, 0%, 20%, 0.9);
458
+ }
459
+
460
+ .tooltip-bottom:hover:before,
461
+ .tooltip-bottom:hover:after,
462
+ .tooltip-bottom:focus:before,
463
+ .tooltip-bottom:focus:after {
464
+ -webkit-transform: translateY(12px);
465
+ -moz-transform: translateY(12px);
466
+ transform: translateY(12px);
467
+ }
468
+
469
+ /* Right */
470
+ .tooltip-right:before,
471
+ .tooltip-right:after {
472
+ bottom: 50%;
473
+ left: 100%;
474
+ }
475
+
476
+ .tooltip-right:before {
477
+ margin-bottom: 0;
478
+ margin-left: -12px;
479
+ border-top-color: transparent;
480
+ border-right-color: #000;
481
+ border-right-color: hsla(0, 0%, 20%, 0.9);
482
+ }
483
+
484
+ .tooltip-right:hover:before,
485
+ .tooltip-right:hover:after,
486
+ .tooltip-right:focus:before,
487
+ .tooltip-right:focus:after {
488
+ -webkit-transform: translateX(12px);
489
+ -moz-transform: translateX(12px);
490
+ transform: translateX(12px);
491
+ }
492
+
493
+ /* Move directional arrows down a bit for left/right tooltips */
494
+ .tooltip-left:before,
495
+ .tooltip-right:before {
496
+ top: 3px;
497
+ }
498
+
499
+ /* Vertically center tooltip content for left/right tooltips */
500
+ .tooltip-left:after,
501
+ .tooltip-right:after {
502
+ margin-left: 0;
503
+ margin-bottom: -16px;
504
+ }
505
+
506
+ #fbfwTabs span[data-tooltip] {
507
+ float:right;
508
+ }
509
+
510
+ /* Epsilon toggle */
511
+
512
+ .epsilon-toggle {
513
+ position: relative;
514
+ user-select: none;
515
+ display:inline-block;
516
+ vertical-align: middle;
517
+ }
518
+
519
+ .epsilon-toggle__items {
520
+ box-sizing: border-box;
521
+ }
522
+
523
+ .epsilon-toggle__input[type=checkbox] {
524
+ border-radius: 2px;
525
+ border: 2px solid #6c7781;
526
+ margin-right: 12px;
527
+ transition: none;
528
+ height: 100%;
529
+ left: 0;
530
+ top: 0;
531
+ margin: 0;
532
+ padding: 0;
533
+ opacity: 0;
534
+ position: absolute;
535
+ width: 100%;
536
+ z-index: 1;
537
+ }
538
+
539
+ .epsilon-toggle__track {
540
+ background-color: #fff;
541
+ border: 2px solid #6c7781;
542
+ border-radius: 9px;
543
+ display: inline-block;
544
+ height: 18px;
545
+ width: 36px;
546
+ vertical-align: top;
547
+ transition: background .2s ease;
548
+ }
549
+
550
+ .epsilon-toggle__thumb {
551
+ background-color: #6c7781;
552
+ border-radius: 50%;
553
+ display: block;
554
+ height: 10px;
555
+ width: 10px;
556
+ position: absolute;
557
+ left: 7px;
558
+ top: 5px;
559
+ transition: transform .2s ease;
560
+ }
561
+
562
+ .epsilon-toggle__off {
563
+ position: absolute;
564
+ right: 7px;
565
+ top: 7px;
566
+ width:7px;
567
+ height:7px;
568
+ color: #6c7781;
569
+ fill: currentColor;
570
+ }
571
+
572
+ .epsilon-toggle__on {
573
+ position: absolute;
574
+ top: 7px;
575
+ left: 8px;
576
+ outline: 1px solid transparent;
577
+ outline-offset: -1px;
578
+ display: none;
579
+ fill:#fff;
580
+ }
581
+
582
+ .epsilon-toggle__input[type=checkbox]:checked + .epsilon-toggle__items .epsilon-toggle__track {
583
+ background-color: #11a0d2;
584
+ border: 2px solid transparent;
585
+ }
586
+
587
+ .epsilon-toggle__input[type=checkbox]:checked + .epsilon-toggle__items .epsilon-toggle__thumb {
588
+ background-color: #fff;
589
+ border-width: 0;
590
+ transform: translateX(18px);
591
+ width: 10px;
592
+ height: 10px;
593
+ }
594
+
595
+ .epsilon-toggle__input[type=checkbox]:checked + .epsilon-toggle__items .epsilon-toggle__off {
596
+ display: none;
597
+ }
598
+
599
+ .epsilon-toggle__input[type=checkbox]:checked + .epsilon-toggle__items .epsilon-toggle__on {
600
+ display: inline-block;
601
+ }
602
+
603
+ #fbfwTabs .fancy-table > tbody > tr > td {
604
+ padding:20px 10px 20px 0;
605
+ }
606
+
607
+ #fbfwTabs .fancy-table select {
608
+ min-width:150px;
609
+ margin-right:15px;
610
  }
fancybox.php CHANGED
@@ -3,7 +3,7 @@
3
  * Plugin Name: FancyBox for WordPress
4
  * Plugin URI: https://wordpress.org/plugins/fancybox-for-wordpress/
5
  * Description: Integrates <a href="http://fancyapps.com/fancybox/3/">FancyBox 3</a> into WordPress.
6
- * Version: 3.1.9
7
  * Author: Colorlib
8
  * Author URI: https://colorlib.com/wp/
9
  * Tested up to: 5.1
@@ -15,7 +15,7 @@
15
  * Domain Path: /languages
16
  *
17
  * Copyright 2008-2016 Janis Skarnelis http://twitter.com/moskis/
18
- * Copyright 2016-2019 Colorlib support@colorlib.com
19
  *
20
  * This program is free software; you can redistribute it and/or modify
21
  * it under the terms of the GNU General Public License, version 3, as
@@ -31,11 +31,12 @@
31
  * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
32
  */
33
 
 
34
  /**
35
  * Plugin Init
36
  */
37
  // Constants
38
- define( 'FBFW_VERSION', '3.1.9' );
39
  define( 'FBFW_PATH', plugin_dir_path( __FILE__ ) );
40
  define( 'FBFW_URL', plugin_dir_url( __FILE__ ) );
41
  define( 'FBFW_PLUGIN_BASE', plugin_basename( __FILE__ ) );
@@ -171,6 +172,7 @@ function mfbfw_enqueue_scripts() {
171
 
172
  // Register Scripts
173
  wp_register_script( 'fancybox', FBFW_URL . 'assets/js/jquery.fancybox.js', $jquery, '1.3.4', $footer ); // Main Fancybox script
 
174
  // Enqueue Scripts
175
  wp_enqueue_script( 'fancybox' ); // Load fancybox
176
 
@@ -184,10 +186,8 @@ function mfbfw_enqueue_scripts() {
184
 
185
  // Register Styles
186
  wp_register_style( 'fancybox', FBFW_URL . 'assets/css/fancybox.css', false, '1.3.4' ); // Main Fancybox style
187
- wp_register_style( 'fancybox-ie', FBFW_URL . 'assets/css/fancybox.ie.css', array( 'fancybox' ), '1.3.4' ); // Main Fancybox style fixes for IE6-8
188
  // Enqueue Styles
189
  wp_enqueue_style( 'fancybox' );
190
- wp_enqueue_style( 'fancybox-ie' );
191
 
192
  // Make IE specific styles load only on IE6-8
193
  $wp_styles->add_data( 'fancybox-ie', 'conditional', 'lt IE 9' );
@@ -291,7 +291,23 @@ function mfbfw_init() {
291
  }
292
 
293
  // Supported file extensions
294
- var thumbnails = jQuery("a:has(img)").not(".nolightbox").not('.envira-gallery-link').not('.ngg-simplelightbox').filter( function() { return /\.(jpe?g|png|gif|mp4|webp|bmp|pdf)(\?[^/]*)*$/i.test(jQuery(this).attr('href')) });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
295
 
296
  // Add data-type iframe for links that are not images or videos.
297
  var iframeLinks = jQuery('.fancyboxforwp').filter( function() { return ! /\.(jpe?g|png|gif|mp4|webp|bmp|pdf)(\?[^/]*)*$/i.test(jQuery(this).attr('href')) }).filter( function() { return ! /vimeo|youtube/i.test(jQuery(this).attr('href')) });
@@ -546,4 +562,4 @@ function mfbfw_get_activate_link() {
546
  )
547
  );
548
 
549
- }
3
  * Plugin Name: FancyBox for WordPress
4
  * Plugin URI: https://wordpress.org/plugins/fancybox-for-wordpress/
5
  * Description: Integrates <a href="http://fancyapps.com/fancybox/3/">FancyBox 3</a> into WordPress.
6
+ * Version: 3.2.0
7
  * Author: Colorlib
8
  * Author URI: https://colorlib.com/wp/
9
  * Tested up to: 5.1
15
  * Domain Path: /languages
16
  *
17
  * Copyright 2008-2016 Janis Skarnelis http://twitter.com/moskis/
18
+ * Copyright 2016-2019 Colorlib support@colorlib.com
19
  *
20
  * This program is free software; you can redistribute it and/or modify
21
  * it under the terms of the GNU General Public License, version 3, as
31
  * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
32
  */
33
 
34
+
35
  /**
36
  * Plugin Init
37
  */
38
  // Constants
39
+ define( 'FBFW_VERSION', '3.2.0' );
40
  define( 'FBFW_PATH', plugin_dir_path( __FILE__ ) );
41
  define( 'FBFW_URL', plugin_dir_url( __FILE__ ) );
42
  define( 'FBFW_PLUGIN_BASE', plugin_basename( __FILE__ ) );
172
 
173
  // Register Scripts
174
  wp_register_script( 'fancybox', FBFW_URL . 'assets/js/jquery.fancybox.js', $jquery, '1.3.4', $footer ); // Main Fancybox script
175
+
176
  // Enqueue Scripts
177
  wp_enqueue_script( 'fancybox' ); // Load fancybox
178
 
186
 
187
  // Register Styles
188
  wp_register_style( 'fancybox', FBFW_URL . 'assets/css/fancybox.css', false, '1.3.4' ); // Main Fancybox style
 
189
  // Enqueue Styles
190
  wp_enqueue_style( 'fancybox' );
 
191
 
192
  // Make IE specific styles load only on IE6-8
193
  $wp_styles->add_data( 'fancybox-ie', 'conditional', 'lt IE 9' );
291
  }
292
 
293
  // Supported file extensions
294
+
295
+ <?php
296
+ if(isset($mfbfw['exclude_pdf']) && 'on' == $mfbfw['exclude_pdf']){
297
+ ?>
298
+ var thumbnails = jQuery("a:has(img)").not(".nolightbox").not('.envira-gallery-link').not('.ngg-simplelightbox').filter(function () {
299
+ return /\.(jpe?g|png|gif|mp4|webp|bmp)(\?[^/]*)*$/i.test(jQuery(this).attr('href'))
300
+ });
301
+ <?php
302
+ } else {
303
+ ?>
304
+ var thumbnails = jQuery("a:has(img)").not(".nolightbox").not('.envira-gallery-link').not('.ngg-simplelightbox').filter(function () {
305
+ return /\.(jpe?g|png|gif|mp4|webp|bmp|pdf)(\?[^/]*)*$/i.test(jQuery(this).attr('href'))
306
+ });
307
+ <?php
308
+ }
309
+ ?>
310
+
311
 
312
  // Add data-type iframe for links that are not images or videos.
313
  var iframeLinks = jQuery('.fancyboxforwp').filter( function() { return ! /\.(jpe?g|png|gif|mp4|webp|bmp|pdf)(\?[^/]*)*$/i.test(jQuery(this).attr('href')) }).filter( function() { return ! /vimeo|youtube/i.test(jQuery(this).attr('href')) });
562
  )
563
  );
564
 
565
+ }
lib/admin-tab-animations.php CHANGED
@@ -5,15 +5,27 @@
5
  <table class="form-table fancy-table" style="clear:none;">
6
  <tbody>
7
  <tr valign="top">
8
- <th scope="row"><?php _e( 'Zoom Options', 'mfbfw' ); ?></th>
 
 
 
 
 
9
  <td>
10
  <fieldset>
11
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[zoomOpacity]"
12
- id="zoomOpacity"<?php if ( isset( $settings['zoomOpacity'] ) && $settings['zoomOpacity'] ) {
13
- echo ' checked="yes"';
14
- } ?> />
15
- <label for="zoomOpacity" class="onoffswitch-label"></label>
16
- <span class="switch-text"><?php _e( 'Change content transparency during zoom animations (default: on)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
 
17
  </fieldset>
18
  </td>
19
  </tr>
5
  <table class="form-table fancy-table" style="clear:none;">
6
  <tbody>
7
  <tr valign="top">
8
+ <th scope="row"><?php _e( 'Zoom Options', 'mfbfw' ); ?>
9
+ <span class="tooltip-right"
10
+ data-tooltip="<?php _e( 'Change content transparency during zoom animations (default: on)', 'mfbfw' ); ?>">
11
+ <i class="dashicons dashicons-editor-help"></i>
12
+ </span>
13
+ </th>
14
  <td>
15
  <fieldset>
16
+ <div class="epsilon-toggle">
17
+ <input class="epsilon-toggle__input" type="checkbox" id="zoomOpacity" name="mfbfw[zoomOpacity]" <?php checked( 1, isset( $settings['zoomOpacity'] ) && $settings['zoomOpacity'] ); ?> >
18
+ <div class="epsilon-toggle__items">
19
+ <span class="epsilon-toggle__track"></span>
20
+ <span class="epsilon-toggle__thumb"></span>
21
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
22
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
23
+ </svg>
24
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
25
+ <path d="M0 0h2v6H0z"></path>
26
+ </svg>
27
+ </div>
28
+ </div>
29
  </fieldset>
30
  </td>
31
  </tr>
lib/admin-tab-appearance.php CHANGED
@@ -5,45 +5,80 @@
5
  <table class="form-table fancy-table" style="clear:none;">
6
  <tbody>
7
  <tr valign="top">
8
- <th scope="row"><?php _e( 'Close Button', 'mfbfw' ); ?></th>
 
 
 
 
 
9
  <td>
10
  <fieldset>
11
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[showCloseButton]"
12
- id="showCloseButton"<?php if ( isset( $settings['showCloseButton'] ) && $settings['showCloseButton'] ) {
13
- echo ' checked="yes"';
14
- } ?> />
15
- <label for="showCloseButton" class="onoffswitch-label">
16
- </label>
17
- <span class="switch-text"><?php _e( 'Show Close button (default: off)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
 
18
  <div class="cf"></div>
19
  </fieldset>
20
  </td>
21
  </tr>
22
  <tr valign="top">
23
- <th scope="row"><?php _e( 'Toolbar', 'mfbfw' ); ?></th>
 
 
 
 
 
24
  <td>
25
  <fieldset>
26
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[showToolbar]"
27
- id="showToolbar"<?php if ( isset( $settings['showToolbar'] ) && $settings['showToolbar'] ) {
28
- echo ' checked="yes"';
29
- } ?> />
30
- <label for="showToolbar" class="onoffswitch-label">
31
- </label>
32
- <span class="switch-text"><?php _e( 'Show Toolbar (default: on)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
33
  <div class="cf"></div>
34
  </fieldset>
35
  </td>
36
  </tr>
37
  <tr valign="top">
38
- <th scope="row"><?php _e( 'Border', 'mfbfw' ); ?></th>
 
 
 
 
 
39
  <td>
40
  <fieldset>
41
- <input class="onoffswitch-checkbox" type="checkbox" name="mfbfw[border]"
42
- id="border"<?php if ( isset( $settings['border'] ) && $settings['border'] ) {
43
- echo ' checked="yes"';
44
- } ?> />
45
- <label for="border" class="onoffswitch-label"></label>
46
- <span class="switch-text"><?php _e( 'Show Border (default: off)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
 
47
  <div class="cf"></div>
48
  <div id="borderColorBlock" class="hidden-block">
49
  <label for="borderColor">
@@ -56,14 +91,18 @@
56
  </td>
57
  </tr>
58
  <tr valign="top">
59
- <th scope="row"><?php _e( 'Padding', 'mfbfw' ); ?></th>
 
 
 
 
 
60
  <td>
61
  <fieldset>
62
  <label for="paddingColor">
63
  <input type="text" class="color-btn" name="mfbfw[paddingColor]" id="paddingColor"
64
  value="<?php echo $settings['paddingColor'] ?>" size="7" maxlength="7"/>
65
  </label>
66
- <p class="description"><?php _e( 'HTML color of the padding (default: #FFFFFF)', 'mfbfw' ); ?></p>
67
  <p class="description"><?php _e( '(This should be left on #FFFFFF (white) if you want to display anything other than images, like inline or framed content)', 'mfbfw' ); ?></p>
68
  <div class="line-spacer"></div>
69
  <label for="padding" class="inlined">
@@ -78,15 +117,28 @@
78
  </td>
79
  </tr>
80
  <tr valign="top">
81
- <th scope="row"><?php _e( 'Overlay Options', 'mfbfw' ); ?></th>
 
 
 
 
 
82
  <td>
83
  <fieldset>
84
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[overlayShow]"
85
- id="overlayShow"<?php if ( isset( $settings['overlayShow'] ) && $settings['overlayShow'] ) {
86
- echo ' checked="yes"';
87
- } ?> />
88
- <label for="overlayShow" class="onoffswitch-label"></label>
89
- <span class="switch-text"><?php _e( 'Add overlay (default: on)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
 
 
90
  <div class="cf"></div>
91
  <div id="overlayBlock" class="hidden-block">
92
  <label for="overlayColor">
@@ -108,15 +160,28 @@
108
  </td>
109
  </tr>
110
  <tr valign="top">
111
- <th scope="row"><?php _e( 'Title', 'mfbfw' ); ?></th>
 
 
 
 
 
112
  <td>
113
  <fieldset>
114
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[titleShow]"
115
- id="titleShow"<?php if ( isset( $settings['titleShow'] ) && $settings['titleShow'] ) {
116
- echo ' checked="yes"';
117
- } ?> />
118
- <label for="titleShow" class="onoffswitch-label"></label>
119
- <span class="switch-text"><?php _e( 'Show the title (default: on)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
 
 
120
  <div class="cf"></div>
121
  <div id="titleBlock" class="hidden-block">
122
  <label for="titleSize">
@@ -162,15 +227,28 @@
162
  </td>
163
  </tr>
164
  <tr valign="top">
165
- <th scope="row"><?php _e( 'Navigation Arrows', 'mfbfw' ); ?></th>
 
 
 
 
 
166
  <td>
167
  <fieldset>
168
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[showNavArrows]"
169
- id="showNavArrows"<?php if ( isset( $settings['showNavArrows'] ) && $settings['showNavArrows'] ) {
170
- echo ' checked="yes"';
171
- } ?> />
172
- <label for="showNavArrows" class="onoffswitch-label"></label>
173
- <span class="switch-text"><?php _e( 'Show the navigation arrows (default: on)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
 
 
174
  <div class="cf"></div>
175
  </fieldset>
176
  </td>
5
  <table class="form-table fancy-table" style="clear:none;">
6
  <tbody>
7
  <tr valign="top">
8
+ <th scope="row"><?php _e( 'Close Button', 'mfbfw' ); ?>
9
+ <span class="tooltip-right"
10
+ data-tooltip="<?php _e( 'Show Close button (default: off)', 'mfbfw' ); ?>">
11
+ <i class="dashicons dashicons-editor-help"></i>
12
+ </span>
13
+ </th>
14
  <td>
15
  <fieldset>
16
+ <div class="epsilon-toggle">
17
+ <input class="epsilon-toggle__input" type="checkbox" id="showCloseButton" name="mfbfw[showCloseButton]" <?php checked( 1, isset( $settings['showCloseButton'] ) && $settings['showCloseButton'] ); ?> >
18
+ <div class="epsilon-toggle__items">
19
+ <span class="epsilon-toggle__track"></span>
20
+ <span class="epsilon-toggle__thumb"></span>
21
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
22
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
23
+ </svg>
24
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
25
+ <path d="M0 0h2v6H0z"></path>
26
+ </svg>
27
+ </div>
28
+ </div>
29
+
30
  <div class="cf"></div>
31
  </fieldset>
32
  </td>
33
  </tr>
34
  <tr valign="top">
35
+ <th scope="row"><?php _e( 'Toolbar', 'mfbfw' ); ?>
36
+ <span class="tooltip-right"
37
+ data-tooltip="<?php _e( 'Show Toolbar (default: on)', 'mfbfw' ); ?>">
38
+ <i class="dashicons dashicons-editor-help"></i>
39
+ </span>
40
+ </th>
41
  <td>
42
  <fieldset>
43
+ <div class="epsilon-toggle">
44
+ <input class="epsilon-toggle__input" type="checkbox" id="showToolbar" name="mfbfw[showToolbar]" <?php checked( 1, isset( $settings['showToolbar'] ) && $settings['showToolbar'] ); ?> >
45
+ <div class="epsilon-toggle__items">
46
+ <span class="epsilon-toggle__track"></span>
47
+ <span class="epsilon-toggle__thumb"></span>
48
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
49
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
50
+ </svg>
51
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
52
+ <path d="M0 0h2v6H0z"></path>
53
+ </svg>
54
+ </div>
55
+ </div>
56
  <div class="cf"></div>
57
  </fieldset>
58
  </td>
59
  </tr>
60
  <tr valign="top">
61
+ <th scope="row"><?php _e( 'Border', 'mfbfw' ); ?>
62
+ <span class="tooltip-right"
63
+ data-tooltip="<?php _e( 'Show Border (default: off)', 'mfbfw' ); ?>">
64
+ <i class="dashicons dashicons-editor-help"></i>
65
+ </span>
66
+ </th>
67
  <td>
68
  <fieldset>
69
+ <div class="epsilon-toggle">
70
+ <input class="epsilon-toggle__input" type="checkbox" id="border" name="mfbfw[border]" <?php checked( 1, isset( $settings['border'] ) && $settings['border'] ); ?> >
71
+ <div class="epsilon-toggle__items">
72
+ <span class="epsilon-toggle__track"></span>
73
+ <span class="epsilon-toggle__thumb"></span>
74
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
75
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
76
+ </svg>
77
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
78
+ <path d="M0 0h2v6H0z"></path>
79
+ </svg>
80
+ </div>
81
+ </div>
82
  <div class="cf"></div>
83
  <div id="borderColorBlock" class="hidden-block">
84
  <label for="borderColor">
91
  </td>
92
  </tr>
93
  <tr valign="top">
94
+ <th scope="row"><?php _e( 'Padding', 'mfbfw' ); ?>
95
+ <span class="tooltip-right"
96
+ data-tooltip="<?php _e( 'HTML color of the padding (default: #FFFFFF)', 'mfbfw' ); ?>">
97
+ <i class="dashicons dashicons-editor-help"></i>
98
+ </span>
99
+ </th>
100
  <td>
101
  <fieldset>
102
  <label for="paddingColor">
103
  <input type="text" class="color-btn" name="mfbfw[paddingColor]" id="paddingColor"
104
  value="<?php echo $settings['paddingColor'] ?>" size="7" maxlength="7"/>
105
  </label>
 
106
  <p class="description"><?php _e( '(This should be left on #FFFFFF (white) if you want to display anything other than images, like inline or framed content)', 'mfbfw' ); ?></p>
107
  <div class="line-spacer"></div>
108
  <label for="padding" class="inlined">
117
  </td>
118
  </tr>
119
  <tr valign="top">
120
+ <th scope="row"><?php _e( 'Overlay Options', 'mfbfw' ); ?>
121
+ <span class="tooltip-right"
122
+ data-tooltip="<?php _e( 'Add overlay (default: on)', 'mfbfw' ); ?>">
123
+ <i class="dashicons dashicons-editor-help"></i>
124
+ </span>
125
+ </th>
126
  <td>
127
  <fieldset>
128
+ <div class="epsilon-toggle">
129
+ <input class="epsilon-toggle__input" type="checkbox" id="overlayShow" name="mfbfw[overlayShow]" <?php checked( 1, isset( $settings['overlayShow'] ) && $settings['overlayShow'] ); ?> >
130
+ <div class="epsilon-toggle__items">
131
+ <span class="epsilon-toggle__track"></span>
132
+ <span class="epsilon-toggle__thumb"></span>
133
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
134
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
135
+ </svg>
136
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
137
+ <path d="M0 0h2v6H0z"></path>
138
+ </svg>
139
+ </div>
140
+ </div>
141
+
142
  <div class="cf"></div>
143
  <div id="overlayBlock" class="hidden-block">
144
  <label for="overlayColor">
160
  </td>
161
  </tr>
162
  <tr valign="top">
163
+ <th scope="row"><?php _e( 'Title', 'mfbfw' ); ?>
164
+ <span class="tooltip-right"
165
+ data-tooltip="<?php _e( 'Show the title (default: on)', 'mfbfw' ); ?>">
166
+ <i class="dashicons dashicons-editor-help"></i>
167
+ </span>
168
+ </th>
169
  <td>
170
  <fieldset>
171
+ <div class="epsilon-toggle">
172
+ <input class="epsilon-toggle__input" type="checkbox" id="titleShow" name="mfbfw[titleShow]" <?php checked( 1, isset( $settings['titleShow'] ) && $settings['titleShow'] );?> >
173
+ <div class="epsilon-toggle__items">
174
+ <span class="epsilon-toggle__track"></span>
175
+ <span class="epsilon-toggle__thumb"></span>
176
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
177
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
178
+ </svg>
179
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
180
+ <path d="M0 0h2v6H0z"></path>
181
+ </svg>
182
+ </div>
183
+ </div>
184
+
185
  <div class="cf"></div>
186
  <div id="titleBlock" class="hidden-block">
187
  <label for="titleSize">
227
  </td>
228
  </tr>
229
  <tr valign="top">
230
+ <th scope="row"><?php _e( 'Navigation Arrows', 'mfbfw' ); ?>
231
+ <span class="tooltip-right"
232
+ data-tooltip="<?php _e( 'Show the navigation arrows (default: on)', 'mfbfw' ); ?>">
233
+ <i class="dashicons dashicons-editor-help"></i>
234
+ </span>
235
+ </th>
236
  <td>
237
  <fieldset>
238
+ <div class="epsilon-toggle">
239
+ <input class="epsilon-toggle__input" type="checkbox" id="showNavArrows" name="mfbfw[showNavArrows]" <?php checked( 1, isset( $settings['showNavArrows'] ) && $settings['showNavArrows'] ); ?> >
240
+ <div class="epsilon-toggle__items">
241
+ <span class="epsilon-toggle__track"></span>
242
+ <span class="epsilon-toggle__thumb"></span>
243
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
244
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
245
+ </svg>
246
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
247
+ <path d="M0 0h2v6H0z"></path>
248
+ </svg>
249
+ </div>
250
+ </div>
251
+
252
  <div class="cf"></div>
253
  </fieldset>
254
  </td>
lib/admin-tab-behaviour.php CHANGED
@@ -3,15 +3,27 @@
3
  <table class="form-table fancy-table" style="clear:none;">
4
  <tbody>
5
  <tr valign="top">
6
- <th scope="row"><?php _e( 'Close on Content Click', 'mfbfw' ); ?></th>
 
 
 
 
 
7
  <td>
8
  <fieldset>
9
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[hideOnContentClick]"
10
- id="hideOnContentClick"<?php if ( isset( $settings['hideOnContentClick'] ) && $settings['hideOnContentClick'] ) {
11
- echo ' checked="yes"';
12
- } ?> />
13
- <label for="hideOnContentClick" class="onoffswitch-label"></label>
14
- <span class="switch-text"><?php _e( 'Close FancyBox by clicking on the image (default: off)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
 
15
  <div class="cf"></div>
16
  <p class="description">
17
  <em><?php _e( '(You may want to leave this off if you display iframed or inline content that containts clickable elements - for example: play buttons for movies, links to other pages)', 'mfbfw' ); ?>
@@ -20,57 +32,105 @@
20
  </td>
21
  </tr>
22
  <tr valign="top">
23
- <th scope="row"><?php _e( 'Close on Overlay Click', 'mfbfw' ); ?></th>
 
 
 
 
 
24
  <td>
25
  <fieldset>
26
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[hideOnOverlayClick]"
27
- id="hideOnOverlayClick"<?php if ( isset( $settings['hideOnOverlayClick'] ) && $settings['hideOnOverlayClick'] ) {
28
- echo ' checked="yes"';
29
- } ?> />
30
- <label for="hideOnOverlayClick" class="onoffswitch-label"></label>
31
- <span class="switch-text"><?php _e( 'Close FancyBox by clicking on the overlay sorrounding it (default: on)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
 
32
  <div class="cf"></div>
33
  </fieldset>
34
  </td>
35
  </tr>
36
  <tr valign="top">
37
- <th scope="row"><?php _e( 'Keyboard navigation;', 'mfbfw' ); ?></th>
 
 
 
 
 
38
  <td>
39
  <fieldset>
40
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[enableEscapeButton]"
41
- id="enableEscapeButton"<?php if ( isset( $settings['enableEscapeButton'] ) && $settings['enableEscapeButton'] ) {
42
- echo ' checked="yes"';
43
- } ?> />
44
- <label for="enableEscapeButton" class="onoffswitch-label"></label>
45
- <span class="switch-text"><?php _e( 'Enable Keyboard Navigation (default: on)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
 
46
  <div class="cf"></div>
47
  </fieldset>
48
  </td>
49
  </tr>
50
  <tr valign="top">
51
- <th scope="row"><?php _e( 'Loop Galleries', 'mfbfw' ); ?></th>
 
 
 
 
 
52
  <td>
53
  <fieldset>
54
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[cyclic]"
55
- id="cyclic"<?php if ( isset( $settings['cyclic'] ) && $settings['cyclic'] ) {
56
- echo ' checked="yes"';
57
- } ?> />
58
- <label for="cyclic" class="onoffswitch-label"></label>
59
- <span class="switch-text"><?php _e( 'This will make galleries loop, allowing you to keep pressing next/back (default: off)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
 
60
  <div class="cf"></div>
61
  </fieldset>
62
  </td>
63
  </tr>
64
  <tr valign="top">
65
- <th scope="row"><?php _e( 'Mouse Wheel Navigation', 'mfbfw' ); ?></th>
 
 
 
 
 
66
  <td>
67
  <fieldset>
68
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[mouseWheel]"
69
- id="mouseWheel"<?php if ( isset( $settings['mouseWheel'] ) && $settings['mouseWheel'] ) {
70
- echo ' checked="yes"';
71
- } ?> />
72
- <label for="mouseWheel" class="onoffswitch-label"></label>
73
- <span class="switch-text"><?php _e( 'Lets visitors navigate galleries with the mouse wheel (default: off)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
 
74
  <div class="cf"></div>
75
  </fieldset>
76
  </td>
@@ -79,24 +139,66 @@
79
  <th scope="row"><?php _e( 'Woocommerce:', 'mfbfw' ); ?></th>
80
  <td>
81
  <fieldset>
82
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[disableWoocommercePages]"
83
- id="disableWoocommercePages"<?php if ( isset( $settings['disableWoocommercePages'] ) && $settings['disableWoocommercePages'] ) {
84
- echo ' checked="yes"';
85
- } ?> />
86
- <label for="disableWoocommercePages" class="onoffswitch-label"></label>
 
 
 
 
 
 
 
 
87
  <span class="switch-text"><?php _e( 'Disable on Woocommerce Shop page.( Default : off )', 'mfbfw' ); ?></span>
88
  <div class="cf"></div>
89
  </fieldset>
90
  <fieldset>
91
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[disableWoocommerceProducts]"
92
- id="disableWoocommerceProducts"<?php if ( isset( $settings['disableWoocommerceProducts'] ) && $settings['disableWoocommerceProducts'] ) {
93
- echo ' checked="yes"';
94
- } ?> />
95
- <label for="disableWoocommerceProducts" class="onoffswitch-label"></label>
 
 
 
 
 
 
 
 
96
  <span class="switch-text"><?php _e( 'Disable on Woocommerce products.( Default : off )', 'mfbfw' ); ?></span>
97
  <div class="cf"></div>
98
  </fieldset>
99
  </td>
100
  </tr>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
101
  </tbody>
102
  </table>
3
  <table class="form-table fancy-table" style="clear:none;">
4
  <tbody>
5
  <tr valign="top">
6
+ <th scope="row"><?php _e( 'Close on Content Click', 'mfbfw' ); ?>
7
+ <span class="tooltip-right"
8
+ data-tooltip="<?php _e( 'Close FancyBox by clicking on the image (default: off)', 'mfbfw' ); ?>">
9
+ <i class="dashicons dashicons-editor-help"></i>
10
+ </span>
11
+ </th>
12
  <td>
13
  <fieldset>
14
+ <div class="epsilon-toggle">
15
+ <input class="epsilon-toggle__input" type="checkbox" id="hideOnContentClick" name="mfbfw[hideOnContentClick]" <?php checked( 1, isset( $settings['hideOnContentClick'] ) && $settings['hideOnContentClick'] ); ?> >
16
+ <div class="epsilon-toggle__items">
17
+ <span class="epsilon-toggle__track"></span>
18
+ <span class="epsilon-toggle__thumb"></span>
19
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
20
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
21
+ </svg>
22
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
23
+ <path d="M0 0h2v6H0z"></path>
24
+ </svg>
25
+ </div>
26
+ </div>
27
  <div class="cf"></div>
28
  <p class="description">
29
  <em><?php _e( '(You may want to leave this off if you display iframed or inline content that containts clickable elements - for example: play buttons for movies, links to other pages)', 'mfbfw' ); ?>
32
  </td>
33
  </tr>
34
  <tr valign="top">
35
+ <th scope="row"><?php _e( 'Close on Overlay Click', 'mfbfw' ); ?>
36
+ <span class="tooltip-right"
37
+ data-tooltip="<?php _e( 'Close FancyBox by clicking on the overlay surrounding it (default: on)', 'mfbfw' ); ?>">
38
+ <i class="dashicons dashicons-editor-help"></i>
39
+ </span>
40
+ </th>
41
  <td>
42
  <fieldset>
43
+ <div class="epsilon-toggle">
44
+ <input class="epsilon-toggle__input" type="checkbox" id="hideOnOverlayClick" name="mfbfw[hideOnOverlayClick]" <?php checked( 1, isset( $settings['hideOnOverlayClick'] ) && $settings['hideOnOverlayClick'] ); ?> >
45
+ <div class="epsilon-toggle__items">
46
+ <span class="epsilon-toggle__track"></span>
47
+ <span class="epsilon-toggle__thumb"></span>
48
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
49
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
50
+ </svg>
51
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
52
+ <path d="M0 0h2v6H0z"></path>
53
+ </svg>
54
+ </div>
55
+ </div>
56
  <div class="cf"></div>
57
  </fieldset>
58
  </td>
59
  </tr>
60
  <tr valign="top">
61
+ <th scope="row"><?php _e( 'Keyboard navigation;', 'mfbfw' ); ?>
62
+ <span class="tooltip-right"
63
+ data-tooltip="<?php _e( 'Enable Keyboard Navigation (default: on)', 'mfbfw' ); ?>">
64
+ <i class="dashicons dashicons-editor-help"></i>
65
+ </span>
66
+ </th>
67
  <td>
68
  <fieldset>
69
+ <div class="epsilon-toggle">
70
+ <input class="epsilon-toggle__input" type="checkbox" id="enableEscapeButton" name="mfbfw[enableEscapeButton]" <?php checked( 1, isset( $settings['enableEscapeButton'] ) && $settings['enableEscapeButton'] ); ?> >
71
+ <div class="epsilon-toggle__items">
72
+ <span class="epsilon-toggle__track"></span>
73
+ <span class="epsilon-toggle__thumb"></span>
74
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
75
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
76
+ </svg>
77
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
78
+ <path d="M0 0h2v6H0z"></path>
79
+ </svg>
80
+ </div>
81
+ </div>
82
  <div class="cf"></div>
83
  </fieldset>
84
  </td>
85
  </tr>
86
  <tr valign="top">
87
+ <th scope="row"><?php _e( 'Loop Galleries', 'mfbfw' ); ?>
88
+ <span class="tooltip-right"
89
+ data-tooltip="<?php _e( 'This will make galleries loop, allowing you to keep pressing next/back (default: off)', 'mfbfw' ); ?>">
90
+ <i class="dashicons dashicons-editor-help"></i>
91
+ </span>
92
+ </th>
93
  <td>
94
  <fieldset>
95
+ <div class="epsilon-toggle">
96
+ <input class="epsilon-toggle__input" type="checkbox" id="cyclic" name="mfbfw[cyclic]" <?php checked( 1, isset( $settings['cyclic'] ) && $settings['cyclic'] ); ?> >
97
+ <div class="epsilon-toggle__items">
98
+ <span class="epsilon-toggle__track"></span>
99
+ <span class="epsilon-toggle__thumb"></span>
100
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
101
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
102
+ </svg>
103
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
104
+ <path d="M0 0h2v6H0z"></path>
105
+ </svg>
106
+ </div>
107
+ </div>
108
  <div class="cf"></div>
109
  </fieldset>
110
  </td>
111
  </tr>
112
  <tr valign="top">
113
+ <th scope="row"><?php _e( 'Mouse Wheel Navigation', 'mfbfw' ); ?>
114
+ <span class="tooltip-right"
115
+ data-tooltip="<?php _e( 'Lets visitors navigate galleries with the mouse wheel (default: off)', 'mfbfw' ); ?>">
116
+ <i class="dashicons dashicons-editor-help"></i>
117
+ </span>
118
+ </th>
119
  <td>
120
  <fieldset>
121
+ <div class="epsilon-toggle">
122
+ <input class="epsilon-toggle__input" type="checkbox" id="mouseWheel" name="mfbfw[mouseWheel]" <?php checked( 1, isset( $settings['mouseWheel'] ) && $settings['mouseWheel'] ); ?> >
123
+ <div class="epsilon-toggle__items">
124
+ <span class="epsilon-toggle__track"></span>
125
+ <span class="epsilon-toggle__thumb"></span>
126
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
127
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
128
+ </svg>
129
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
130
+ <path d="M0 0h2v6H0z"></path>
131
+ </svg>
132
+ </div>
133
+ </div>
134
  <div class="cf"></div>
135
  </fieldset>
136
  </td>
139
  <th scope="row"><?php _e( 'Woocommerce:', 'mfbfw' ); ?></th>
140
  <td>
141
  <fieldset>
142
+ <div class="epsilon-toggle">
143
+ <input class="epsilon-toggle__input" type="checkbox" id="disableWoocommercePages" name="mfbfw[disableWoocommercePages]" <?php checked( 1, isset( $settings['disableWoocommercePages'] ) && $settings['disableWoocommercePages'] ); ?> >
144
+ <div class="epsilon-toggle__items">
145
+ <span class="epsilon-toggle__track"></span>
146
+ <span class="epsilon-toggle__thumb"></span>
147
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
148
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
149
+ </svg>
150
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
151
+ <path d="M0 0h2v6H0z"></path>
152
+ </svg>
153
+ </div>
154
+ </div>
155
  <span class="switch-text"><?php _e( 'Disable on Woocommerce Shop page.( Default : off )', 'mfbfw' ); ?></span>
156
  <div class="cf"></div>
157
  </fieldset>
158
  <fieldset>
159
+ <div class="epsilon-toggle">
160
+ <input class="epsilon-toggle__input" type="checkbox" id="disableWoocommerceProducts" name="mfbfw[disableWoocommerceProducts]" <?php checked( 1, isset( $settings['disableWoocommerceProducts'] ) && $settings['disableWoocommerceProducts'] ); ?> >
161
+ <div class="epsilon-toggle__items">
162
+ <span class="epsilon-toggle__track"></span>
163
+ <span class="epsilon-toggle__thumb"></span>
164
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
165
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
166
+ </svg>
167
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
168
+ <path d="M0 0h2v6H0z"></path>
169
+ </svg>
170
+ </div>
171
+ </div>
172
  <span class="switch-text"><?php _e( 'Disable on Woocommerce products.( Default : off )', 'mfbfw' ); ?></span>
173
  <div class="cf"></div>
174
  </fieldset>
175
  </td>
176
  </tr>
177
+ <tr valign="top">
178
+ <th scope="row"><?php _e( 'Exclude PDF files', 'mfbfw' ); ?>
179
+ <span class="tooltip-right"
180
+ data-tooltip="<?php _e( 'Excludes links to files type .pdf from being displayed in the lightbox (default: off)', 'mfbfw' ); ?>">
181
+ <i class="dashicons dashicons-editor-help"></i>
182
+ </span>
183
+ </th>
184
+ <td>
185
+ <fieldset>
186
+ <div class="epsilon-toggle">
187
+ <input class="epsilon-toggle__input" type="checkbox" id="exclude_pdf" name="mfbfw[exclude_pdf]" <?php checked( 1, isset( $settings['exclude_pdf'] ) && $settings['exclude_pdf'] ); ?> >
188
+ <div class="epsilon-toggle__items">
189
+ <span class="epsilon-toggle__track"></span>
190
+ <span class="epsilon-toggle__thumb"></span>
191
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
192
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
193
+ </svg>
194
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
195
+ <path d="M0 0h2v6H0z"></path>
196
+ </svg>
197
+ </div>
198
+ </div>
199
+ <div class="cf"></div>
200
+ </fieldset>
201
+ </td>
202
+ </tr>
203
  </tbody>
204
  </table>
lib/admin-tab-other.php CHANGED
@@ -3,15 +3,28 @@
3
  <table class="form-table fancy-table" style="clear:none;">
4
  <tbody>
5
  <tr valign="top">
6
- <th scope="row"><?php _e( 'Dimensions', 'mfbfw' ); ?></th>
 
 
 
 
 
7
  <td>
8
  <fieldset>
9
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[autoDimensions]"
10
- id="autoDimensions"<?php if ( isset( $settings['autoDimensions'] ) && $settings['autoDimensions'] ) {
11
- echo ' checked="yes"';
12
- } ?> />
13
- <label for="autoDimensions" class="onoffswitch-label"></label>
14
- <span class="switch-text"><?php _e( 'Auto detect dimensions (default: on)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
 
 
15
  <div class="cf"></div>
16
  <p class="description">
17
  <em><?php _e( 'Only works with <strong>Ajax</strong> and <strong>Inline</strong> content! Flash dimensions won\'t be autodetected so specify them below if necessary. If you want to insert several pieces of flash content with different dimensions you will have to use the <strong>Additional FancyBox Calls</strong> option.', 'mfbfw' ); ?></em>
@@ -31,15 +44,27 @@
31
  </td>
32
  </tr>
33
  <tr valign="top">
34
- <th scope="row"><?php _e( 'Load JavaScript in Footer', 'mfbfw' ); ?></th>
 
 
 
 
 
35
  <td>
36
  <fieldset>
37
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[loadAtFooter]"
38
- id="loadAtFooter"<?php if ( isset( $settings['loadAtFooter'] ) && $settings['loadAtFooter'] ) {
39
- echo ' checked="yes"';
40
- } ?> />
41
- <label for="loadAtFooter" class="onoffswitch-label"></label>
42
- <span class="switch-text"><?php _e( 'Loads JavaScript at the end of the blog\'s HTML (experimental) (default: off)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
 
43
  <div class="cf"></div>
44
  <p class="description">
45
  <em><?php _e( 'This option won\'t be recognized if you use <strong>Parallel Load</strong> plugin. In that case, you can do this from Parallel Load\'s options.', 'mfbfw' ); ?></em>
@@ -48,15 +73,27 @@
48
  </td>
49
  </tr>
50
  <tr valign="top">
51
- <th scope="row"><?php _e( 'Callbacks', 'mfbfw' ); ?></th>
 
 
 
 
 
52
  <td>
53
  <fieldset>
54
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[callbackEnable]"
55
- id="callbackEnable"<?php if ( isset( $settings['callbackEnable'] ) && $settings['callbackEnable'] ) {
56
- echo ' checked="yes"';
57
- } ?> />
58
- <label for="callbackEnable" class="onoffswitch-label"></label>
59
- <span class="switch-text"><?php _e( 'Enable callbacks (default: off)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
 
60
  <div class="cf"></div>
61
  <p class="description"><em><?php _e( 'Enabling this will show additional settings.', 'mfbfw' ); ?></em>
62
  </p>
@@ -119,15 +156,27 @@
119
  <table class="form-table fancy-table" style="clear:none;">
120
  <tbody>
121
  <tr valign="top">
122
- <th scope="row"><?php _e( 'Additional FancyBox Calls', 'mfbfw' ); ?></th>
 
 
 
 
 
123
  <td>
124
  <fieldset>
125
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[extraCallsEnable]"
126
- id="extraCallsEnable"<?php if ( isset( $settings['extraCallsEnable'] ) && $settings['extraCallsEnable'] ) {
127
- echo ' checked="yes"';
128
- } ?> />
129
- <label for="extraCallsEnable" class="onoffswitch-label"></label>
130
- <span class="switch-text"><?php _e( 'Additional FancyBox Calls (default: off)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
 
131
  <div class="cf"></div>
132
  <div class="line-spacer"></div>
133
  <div id="extraCallsBlock">
@@ -162,15 +211,27 @@
162
  <table class="form-table fancy-table" style="clear:none;">
163
  <tbody>
164
  <tr valign="top">
165
- <th scope="row"><?php _e( 'Do not call jQuery', 'mfbfw' ); ?></th>
 
 
 
 
 
166
  <td>
167
  <fieldset>
168
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[nojQuery]"
169
- id="nojQuery"<?php if ( isset( $settings['nojQuery'] ) && $settings['nojQuery'] ) {
170
- echo ' checked="yes"';
171
- } ?> />
172
- <label for="nojQuery" class="onoffswitch-label"></label>
173
- <span class="switch-text"><?php _e( 'Skip jQuery call. Use this only if jQuery is being loaded twice (default: off)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
 
174
  <div class="cf"></div>
175
  </fieldset>
176
  </td>
@@ -182,15 +243,27 @@
182
  <table class="form-table fancy-table" style="clear:none;">
183
  <tbody>
184
  <tr valign="top">
185
- <th scope="row"><?php _e( 'Remove settings', 'mfbfw' ); ?></th>
 
 
 
 
 
186
  <td>
187
  <fieldset>
188
- <input type="checkbox" class="onoffswitch-checkbox" name="mfbfw[uninstall]"
189
- id="uninstall"<?php if ( isset( $settings['uninstall'] ) && $settings['uninstall'] ) {
190
- echo ' checked="yes"';
191
- } ?> />
192
- <label for="uninstall" class="onoffswitch-label"></label>
193
- <span class="switch-text"><?php _e( 'Remove Settings when plugin is deactivated from the "Manage Plugins" page. (default: off)', 'mfbfw' ); ?></span>
 
 
 
 
 
 
 
194
  <div class="cf"></div>
195
  </fieldset>
196
  </td>
3
  <table class="form-table fancy-table" style="clear:none;">
4
  <tbody>
5
  <tr valign="top">
6
+ <th scope="row"><?php _e( 'Dimensions', 'mfbfw' ); ?>
7
+ <span class="tooltip-right"
8
+ data-tooltip="<?php _e( 'Auto detect dimensions (default: on)', 'mfbfw' ); ?>">
9
+ <i class="dashicons dashicons-editor-help"></i>
10
+ </span>
11
+ </th>
12
  <td>
13
  <fieldset>
14
+ <div class="epsilon-toggle">
15
+ <input class="epsilon-toggle__input" type="checkbox" id="autoDimensions" name="mfbfw[autoDimensions]" <?php checked( 1, isset( $settings['autoDimensions'] ) && $settings['autoDimensions'] ); ?> >
16
+ <div class="epsilon-toggle__items">
17
+ <span class="epsilon-toggle__track"></span>
18
+ <span class="epsilon-toggle__thumb"></span>
19
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
20
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
21
+ </svg>
22
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
23
+ <path d="M0 0h2v6H0z"></path>
24
+ </svg>
25
+ </div>
26
+ </div>
27
+
28
  <div class="cf"></div>
29
  <p class="description">
30
  <em><?php _e( 'Only works with <strong>Ajax</strong> and <strong>Inline</strong> content! Flash dimensions won\'t be autodetected so specify them below if necessary. If you want to insert several pieces of flash content with different dimensions you will have to use the <strong>Additional FancyBox Calls</strong> option.', 'mfbfw' ); ?></em>
44
  </td>
45
  </tr>
46
  <tr valign="top">
47
+ <th scope="row"><?php _e( 'Load JavaScript in Footer', 'mfbfw' ); ?>
48
+ <span class="tooltip-right"
49
+ data-tooltip="<?php _e( 'Loads JavaScript at the end of the blog\'s HTML (experimental) (default: off)', 'mfbfw' ); ?>">
50
+ <i class="dashicons dashicons-editor-help"></i>
51
+ </span>
52
+ </th>
53
  <td>
54
  <fieldset>
55
+ <div class="epsilon-toggle">
56
+ <input class="epsilon-toggle__input" type="checkbox" id="loadAtFooter" name="mfbfw[loadAtFooter]" <?php checked( 1, isset( $settings['loadAtFooter'] ) && $settings['loadAtFooter'] ); ?> >
57
+ <div class="epsilon-toggle__items">
58
+ <span class="epsilon-toggle__track"></span>
59
+ <span class="epsilon-toggle__thumb"></span>
60
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
61
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
62
+ </svg>
63
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
64
+ <path d="M0 0h2v6H0z"></path>
65
+ </svg>
66
+ </div>
67
+ </div>
68
  <div class="cf"></div>
69
  <p class="description">
70
  <em><?php _e( 'This option won\'t be recognized if you use <strong>Parallel Load</strong> plugin. In that case, you can do this from Parallel Load\'s options.', 'mfbfw' ); ?></em>
73
  </td>
74
  </tr>
75
  <tr valign="top">
76
+ <th scope="row"><?php _e( 'Callbacks', 'mfbfw' ); ?>
77
+ <span class="tooltip-right"
78
+ data-tooltip="<?php _e( 'Enable callbacks (default: off)', 'mfbfw' ); ?>">
79
+ <i class="dashicons dashicons-editor-help"></i>
80
+ </span>
81
+ </th>
82
  <td>
83
  <fieldset>
84
+ <div class="epsilon-toggle">
85
+ <input class="epsilon-toggle__input" type="checkbox" id="callbackEnable" name="mfbfw[callbackEnable]" <?php checked( 1, isset( $settings['callbackEnable'] ) && $settings['callbackEnable'] ); ?> >
86
+ <div class="epsilon-toggle__items">
87
+ <span class="epsilon-toggle__track"></span>
88
+ <span class="epsilon-toggle__thumb"></span>
89
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
90
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
91
+ </svg>
92
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
93
+ <path d="M0 0h2v6H0z"></path>
94
+ </svg>
95
+ </div>
96
+ </div>
97
  <div class="cf"></div>
98
  <p class="description"><em><?php _e( 'Enabling this will show additional settings.', 'mfbfw' ); ?></em>
99
  </p>
156
  <table class="form-table fancy-table" style="clear:none;">
157
  <tbody>
158
  <tr valign="top">
159
+ <th scope="row"><?php _e( 'Additional FancyBox Calls', 'mfbfw' ); ?>
160
+ <span class="tooltip-right"
161
+ data-tooltip="<?php _e( 'Additional FancyBox Calls (default: off)', 'mfbfw' ); ?>">
162
+ <i class="dashicons dashicons-editor-help"></i>
163
+ </span>
164
+ </th>
165
  <td>
166
  <fieldset>
167
+ <div class="epsilon-toggle">
168
+ <input class="epsilon-toggle__input" type="checkbox" id="extraCallsEnable" name="mfbfw[extraCallsEnable]" <?php checked( 1, isset( $settings['extraCallsEnable'] ) && $settings['extraCallsEnable'] ); ?> >
169
+ <div class="epsilon-toggle__items">
170
+ <span class="epsilon-toggle__track"></span>
171
+ <span class="epsilon-toggle__thumb"></span>
172
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
173
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
174
+ </svg>
175
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
176
+ <path d="M0 0h2v6H0z"></path>
177
+ </svg>
178
+ </div>
179
+ </div>
180
  <div class="cf"></div>
181
  <div class="line-spacer"></div>
182
  <div id="extraCallsBlock">
211
  <table class="form-table fancy-table" style="clear:none;">
212
  <tbody>
213
  <tr valign="top">
214
+ <th scope="row"><?php _e( 'Do not call jQuery', 'mfbfw' ); ?>
215
+ <span class="tooltip-right"
216
+ data-tooltip="<?php _e( 'Skip jQuery call. Use this only if jQuery is being loaded twice (default: off)', 'mfbfw' ); ?>">
217
+ <i class="dashicons dashicons-editor-help"></i>
218
+ </span>
219
+ </th>
220
  <td>
221
  <fieldset>
222
+ <div class="epsilon-toggle">
223
+ <input class="epsilon-toggle__input" type="checkbox" id="nojQuery" name="mfbfw[nojQuery]" <?php checked( 1, isset( $settings['nojQuery'] ) && $settings['nojQuery'] ); ?> >
224
+ <div class="epsilon-toggle__items">
225
+ <span class="epsilon-toggle__track"></span>
226
+ <span class="epsilon-toggle__thumb"></span>
227
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
228
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
229
+ </svg>
230
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
231
+ <path d="M0 0h2v6H0z"></path>
232
+ </svg>
233
+ </div>
234
+ </div>
235
  <div class="cf"></div>
236
  </fieldset>
237
  </td>
243
  <table class="form-table fancy-table" style="clear:none;">
244
  <tbody>
245
  <tr valign="top">
246
+ <th scope="row"><?php _e( 'Remove settings', 'mfbfw' ); ?>
247
+ <span class="tooltip-right"
248
+ data-tooltip="<?php _e( 'Remove Settings when plugin is deactivated from the "Manage Plugins" page. (default: off)', 'mfbfw' ); ?>">
249
+ <i class="dashicons dashicons-editor-help"></i>
250
+ </span>
251
+ </th>
252
  <td>
253
  <fieldset>
254
+ <div class="epsilon-toggle">
255
+ <input class="epsilon-toggle__input" type="checkbox" id="uninstall" name="mfbfw[uninstall]" <?php checked( 1, isset( $settings['uninstall'] ) && $settings['uninstall'] ); ?> >
256
+ <div class="epsilon-toggle__items">
257
+ <span class="epsilon-toggle__track"></span>
258
+ <span class="epsilon-toggle__thumb"></span>
259
+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 6 6">
260
+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
261
+ </svg>
262
+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" viewBox="0 0 2 6">
263
+ <path d="M0 0h2v6H0z"></path>
264
+ </svg>
265
+ </div>
266
+ </div>
267
  <div class="cf"></div>
268
  </fieldset>
269
  </td>
readme.txt CHANGED
@@ -3,14 +3,12 @@ Contributors: silkalns
3
  Tags: fancybox, lightbox, jquery, gallery, image, images, photo, photos, picture, pictures, zoom
4
  Requires at least: 4.6
5
  Tested up to: 5.1
6
- Stable tag: 3.1.9
7
- Requires PHP: 5.6
8
  License: GPLv3 or later
9
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
10
 
11
  Seamlessly integrates FancyBox lightbox into your WordPress blog: Upload, activate, and you're done. Additional configuration optional.
12
 
13
-
14
  == Description ==
15
 
16
  Seamlessly integrates FancyBox into your blog: Upload, activate, and you're done. Additional configuration optional.
@@ -33,6 +31,11 @@ If you enjoy using FancyBox lightbox for WordPress please leave a [positive feed
33
 
34
  == Changelog ==
35
 
 
 
 
 
 
36
  = 3.1.9 =
37
  * Replace $.fancebox with $.fancyboxforwp.
38
 
3
  Tags: fancybox, lightbox, jquery, gallery, image, images, photo, photos, picture, pictures, zoom
4
  Requires at least: 4.6
5
  Tested up to: 5.1
6
+ Stable tag: 3.2.0
 
7
  License: GPLv3 or later
8
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
9
 
10
  Seamlessly integrates FancyBox lightbox into your WordPress blog: Upload, activate, and you're done. Additional configuration optional.
11
 
 
12
  == Description ==
13
 
14
  Seamlessly integrates FancyBox into your blog: Upload, activate, and you're done. Additional configuration optional.
31
 
32
  == Changelog ==
33
 
34
+ = 3.2.0 =
35
+ * Admin UI minor update
36
+ * Removed unneeded ie css file
37
+ * Added option in Behaviour tab to exclude links that target .pdf files from being displayed in the lightbox
38
+
39
  = 3.1.9 =
40
  * Replace $.fancebox with $.fancyboxforwp.
41