Slide Anything – Responsive Content / HTML Slider and Carousel - Version 2.2.7

Version Description

  • Added Showcase Carousel support, which is a new Slide Anything PRO feature.

=

Download this release

Release Info

Developer simonpedge
Plugin Icon 128x128 Slide Anything – Responsive Content / HTML Slider and Carousel
Version 2.2.7
Comparing to
See all releases

Code changes from version 2.2.6 to 2.2.7

Files changed (7) hide show
  1. css/slide-anything-admin.css +99 -0
  2. js/slide-anything-admin.js +93 -3
  3. owl-carousel/sa-owl-theme.css +82 -0
  4. php/slide-anything-admin.php +127 -3
  5. php/slide-anything-frontend.php +107 -2
  6. readme.txt +9 -0
  7. slide-anything.php +1 -1
css/slide-anything-admin.css CHANGED
@@ -806,6 +806,105 @@ input.sa_slide_popup_imagetitle:-ms-input-placeholder { color:#c0c0c0 !important
806
  #items_displayed_metabox #sa_hero_slider_wrapper #sa_hero_slider_promo p a:hover {
807
  color:#000000 !important;
808
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
809
 
810
  /* ### METABOX 'Slider Style' ### */
811
  #slider_style_metabox h4 {
806
  #items_displayed_metabox #sa_hero_slider_wrapper #sa_hero_slider_promo p a:hover {
807
  color:#000000 !important;
808
  }
809
+ /* showcase carousel */
810
+ #items_displayed_metabox #sa_showcase_slider_wrapper {
811
+ margin:10px 0px 0px !important;
812
+ padding:10px 0px 0px !important;
813
+ background-color:#f5f5f5 !important;
814
+ }
815
+ #items_displayed_metabox #sa_showcase_slider_wrapper .sa_ss_line {
816
+ margin:0px !important;
817
+ padding:0px 0px 10px !important;
818
+ height:24px !important;
819
+ }
820
+ #items_displayed_metabox #sa_showcase_slider_wrapper .sa_ss_line span {
821
+ display:inline-block !important;
822
+ width:140px !important;
823
+ padding-left:10px !important;
824
+ font-size:14px !important;
825
+ line-height:24px !important;
826
+ height:24px !important;
827
+ }
828
+ #items_displayed_metabox #sa_showcase_slider_wrapper .sa_ss_line em {
829
+ float:none !important;
830
+ margin:0px 0px 0px 5px !important;
831
+ display:inline-block !important;
832
+ font-size:14px !important;
833
+ line-height:24px !important;
834
+ height:24px !important;
835
+ }
836
+ #items_displayed_metabox #sa_showcase_slider_wrapper .sa_ss_line input[type='checkbox'] {
837
+ margin:2px 0px 0px !important;
838
+ width:16px !important;
839
+ height:16px !important;
840
+ }
841
+ #items_displayed_metabox #sa_showcase_slider_wrapper .sa_ss_line input[type='text'] {
842
+ width:30px !important;
843
+ margin:0px !important;
844
+ outline-style:none !important;
845
+ border-style:none !important;
846
+ box-shadow:none !important;
847
+ -webkit-box-shadow:none !important;
848
+ color:#303030 !important;
849
+ font-size:13px !important;
850
+ }
851
+ #items_displayed_metabox #sa_showcase_slider_wrapper .sa_ss_line .ui-spinner {
852
+ width:50px !important;
853
+ padding-left:5px !important;
854
+ }
855
+ #items_displayed_metabox #sa_showcase_slider_wrapper .sa_ss_css_line {
856
+ margin:0px !important;
857
+ padding:5px 10px 10px !important;
858
+ }
859
+ #items_displayed_metabox #sa_showcase_slider_wrapper .sa_ss_css_line #ss_css_value {
860
+ margin:7px 0px 0px;
861
+ padding:4px 5px 4px 32px;
862
+ background:#f0f0f0 url('../images/icon_copy.png') no-repeat 2px 2px;
863
+ border:solid 1px #e8e8e8;
864
+ border-radius:5px;
865
+ font-size:13px;
866
+ line-height:20px;
867
+ height:20px;
868
+ color:firebrick;
869
+ cursor:pointer;
870
+ }
871
+ #items_displayed_metabox #sa_showcase_slider_wrapper #sa_showcase_slider_promo {
872
+ padding:0px 10px 10px !important;
873
+ clear:both !important;
874
+ float:none !important;
875
+ }
876
+ #items_displayed_metabox #sa_showcase_slider_wrapper #sa_showcase_slider_promo h4 {
877
+ margin:0px !important;
878
+ padding:0px !important;
879
+ font-size:14px !important;
880
+ line-height:18px !important;
881
+ color:#000000 !important;
882
+ }
883
+ #items_displayed_metabox #sa_showcase_slider_wrapper #sa_showcase_slider_promo p {
884
+ margin:0px !important;
885
+ padding:10px 0px 0px !important;
886
+ }
887
+ #items_displayed_metabox #sa_showcase_slider_wrapper #sa_showcase_slider_promo p strong {
888
+ color:#000000 !important;
889
+ }
890
+ #items_displayed_metabox #sa_showcase_slider_wrapper #sa_showcase_slider_promo p a {
891
+ display:inline-block !important;
892
+ padding-left:10px !important;
893
+ font-weight:700 !important;
894
+ font-size:14px !important;
895
+ color:#007fff !important;
896
+ text-decoration:none !important;
897
+ transition:all 0.3s ease-in-out;
898
+ -webkit-transition:all 0.3s ease-in-out;
899
+ -moz-transition:all 0.3s ease-in-out;
900
+ -o-transition:all 0.3s ease-in-out;
901
+ }
902
+ #items_displayed_metabox #sa_showcase_slider_wrapper #sa_showcase_slider_promo p a:hover {
903
+ color:#000000 !important;
904
+ }
905
+
906
+
907
+
908
 
909
  /* ### METABOX 'Slider Style' ### */
910
  #slider_style_metabox h4 {
js/slide-anything-admin.js CHANGED
@@ -103,7 +103,7 @@ jQuery(function() {
103
  var css_id = document.getElementById('sa_css_id').value;
104
  document.getElementById('css_note_value').innerHTML = '#' + css_id + ' .owl-item';
105
  });
106
-
107
  // ##### CLICK EVENT HANDLER FOR THE CSS SELECTOR 'Copy to Clipboard' BUTTON #####
108
  jQuery('#css_note_value').click(function() {
109
  var css_selector = document.getElementById('css_note_value').innerHTML;
@@ -117,7 +117,7 @@ jQuery(function() {
117
  document.getElementById('css_note_value').innerHTML = "Copied!";
118
  setTimeout(function(){ document.getElementById('css_note_value').innerHTML = css_selector; }, 1000);
119
  });
120
-
121
  // ##### SPECTRUM COLOR PICKER - SLIDER BACKGROUND COLOR #####
122
  if (document.getElementById('sa_background_color')) {
123
  var background_color = document.getElementById('sa_background_color').value;
@@ -401,6 +401,92 @@ jQuery(function() {
401
  }
402
  });
403
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
404
  // ##### CHANGE EVENT FOR 'Use Thumbnail Pagination' CHECKBOX #####
405
  jQuery('#sa_thumbs_active').click(function() {
406
  if (document.getElementById('sa_thumbs_active').checked) {
@@ -597,10 +683,14 @@ function items_displayed_changed() {
597
  var width6 = jQuery("select[name='sa_items_width6']").val();
598
  if ((width1 == '1') && (width2 == '1') && (width3 == '1') && (width4 == '1') && (width5 == '1') && (width6 == '1')) {
599
  jQuery(".sa_items_all_one").css("display","block");
 
 
 
600
  } else {
601
  jQuery(".sa_items_all_one").css("display","none");
602
  jQuery('#sa_hero_slider').prop('checked', false); // uncheck 'Hero Slider' checkbox
603
- document.getElementById('sa_hero_slider_note').style.display = 'none';
 
604
  }
605
  }
606
 
103
  var css_id = document.getElementById('sa_css_id').value;
104
  document.getElementById('css_note_value').innerHTML = '#' + css_id + ' .owl-item';
105
  });
106
+
107
  // ##### CLICK EVENT HANDLER FOR THE CSS SELECTOR 'Copy to Clipboard' BUTTON #####
108
  jQuery('#css_note_value').click(function() {
109
  var css_selector = document.getElementById('css_note_value').innerHTML;
117
  document.getElementById('css_note_value').innerHTML = "Copied!";
118
  setTimeout(function(){ document.getElementById('css_note_value').innerHTML = css_selector; }, 1000);
119
  });
120
+
121
  // ##### SPECTRUM COLOR PICKER - SLIDER BACKGROUND COLOR #####
122
  if (document.getElementById('sa_background_color')) {
123
  var background_color = document.getElementById('sa_background_color').value;
401
  }
402
  });
403
 
404
+ // ##### CHANGE EVENT FOR 'Showcase Carousel' CHECKBOX #####
405
+ jQuery('#sa_showcase_slider').click(function() {
406
+ if (document.getElementById('sa_showcase_slider').checked) {
407
+ document.getElementById('sa_showcase_slider_pro').style.display = 'block';
408
+ } else {
409
+ document.getElementById('sa_showcase_slider_pro').style.display = 'none';
410
+ }
411
+ });
412
+
413
+ // ##### JQUERY-UI SPINNER - SHOWCASE CAROUSEL CONTAINER WIDTH #####
414
+ jQuery("#sa_showcase_width").spinner({
415
+ step: 1,
416
+ min: 100,
417
+ max: 180,
418
+ numberFormat: "n"
419
+ });
420
+ // ##### CHANGE EVENT HANDLER - SHOWCASE CAROUSEL CONTAINER WIDTH #####
421
+ jQuery('#sa_showcase_width').change(function() {
422
+ var showcase_width = document.getElementById('sa_showcase_width').value;
423
+ if (jQuery.isNumeric(showcase_width)) {
424
+ if ((showcase_width >= 100) && (showcase_width <= 180)) {
425
+ // valid number
426
+ } else {
427
+ document.getElementById('sa_showcase_width').value = '120'; // number out of range
428
+ }
429
+ } else {
430
+ document.getElementById('sa_showcase_width').value = '120'; // not a valid number
431
+ }
432
+ });
433
+
434
+ // ##### JQUERY-UI SPINNER - SHOWCASE CAROUSEL CONTAINER WIDTH (TABLET) #####
435
+ jQuery("#sa_showcase_width_tab").spinner({
436
+ step: 1,
437
+ min: 100,
438
+ max: 180,
439
+ numberFormat: "n"
440
+ });
441
+ // ##### CHANGE EVENT HANDLER - SHOWCASE CAROUSEL CONTAINER WIDTH (TABLET) #####
442
+ jQuery('#sa_showcase_width_tab').change(function() {
443
+ var showcase_width_tab = document.getElementById('sa_showcase_width_tab').value;
444
+ if (jQuery.isNumeric(showcase_width_tab)) {
445
+ if ((showcase_width_tab >= 100) && (showcase_width_tab <= 180)) {
446
+ // valid number
447
+ } else {
448
+ document.getElementById('sa_showcase_width_tab').value = '130'; // number out of range
449
+ }
450
+ } else {
451
+ document.getElementById('sa_showcase_width_tab').value = '130'; // not a valid number
452
+ }
453
+ });
454
+
455
+ // ##### JQUERY-UI SPINNER - SHOWCASE CAROUSEL CONTAINER WIDTH (MOBILE) #####
456
+ jQuery("#sa_showcase_width_mob").spinner({
457
+ step: 1,
458
+ min: 100,
459
+ max: 180,
460
+ numberFormat: "n"
461
+ });
462
+ // ##### CHANGE EVENT HANDLER - SHOWCASE CAROUSEL CONTAINER WIDTH (MOBILE) #####
463
+ jQuery('#sa_showcase_width_mob').change(function() {
464
+ var showcase_width_mob = document.getElementById('sa_showcase_width_mob').value;
465
+ if (jQuery.isNumeric(showcase_width_mob)) {
466
+ if ((showcase_width_mob >= 100) && (showcase_width_mob <= 180)) {
467
+ // valid number
468
+ } else {
469
+ document.getElementById('sa_showcase_width_mob').value = '140'; // number out of range
470
+ }
471
+ } else {
472
+ document.getElementById('sa_showcase_width_mob').value = '140'; // not a valid number
473
+ }
474
+ });
475
+
476
+ // ##### CLICK EVENT HANDLER FOR THE SHOWCASE CSS 'Copy to Clipboard' BUTTON #####
477
+ jQuery('#ss_css_value').click(function() {
478
+ var css_selector = document.getElementById('ss_css_value').innerHTML;
479
+ var aux = document.createElement("input"); // Create a "hidden" input
480
+ aux.setAttribute("value", css_selector); // Assign it the value of the specified element
481
+ document.body.appendChild(aux); // Append it to the body
482
+ aux.select(); // Highlight its content
483
+ document.execCommand("copy"); // Copy the highlighted text
484
+ document.body.removeChild(aux); // Remove it from the body
485
+ // DISPLAY 'Shortcode Copied' message
486
+ document.getElementById('ss_css_value').innerHTML = "Copied!";
487
+ setTimeout(function(){ document.getElementById('ss_css_value').innerHTML = css_selector; }, 1000);
488
+ });
489
+
490
  // ##### CHANGE EVENT FOR 'Use Thumbnail Pagination' CHECKBOX #####
491
  jQuery('#sa_thumbs_active').click(function() {
492
  if (document.getElementById('sa_thumbs_active').checked) {
683
  var width6 = jQuery("select[name='sa_items_width6']").val();
684
  if ((width1 == '1') && (width2 == '1') && (width3 == '1') && (width4 == '1') && (width5 == '1') && (width6 == '1')) {
685
  jQuery(".sa_items_all_one").css("display","block");
686
+ jQuery("#sa_showcase_slider_wrapper").css("display","none");
687
+ jQuery('#sa_showcase_slider').prop('checked', false); // uncheck 'Showcase Carousel' checkbox
688
+ jQuery("#sa_showcase_slider_pro").css("display","none");
689
  } else {
690
  jQuery(".sa_items_all_one").css("display","none");
691
  jQuery('#sa_hero_slider').prop('checked', false); // uncheck 'Hero Slider' checkbox
692
+ jQuery("#sa_hero_slider_note").css("display","none");
693
+ jQuery("#sa_showcase_slider_wrapper").css("display","block");
694
  }
695
  }
696
 
owl-carousel/sa-owl-theme.css CHANGED
@@ -191,6 +191,88 @@
191
  height:100% !important;
192
  }
193
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
194
  /* THUMBNAIL PAGINATION (SA PRO) */
195
  .sa_owl_thumbs_wrap {
196
  display:block !important;
191
  height:100% !important;
192
  }
193
 
194
+ /* SHOWCASE CAROUSEL (SA PRO) */
195
+ .white,
196
+ .black {
197
+ position:relative !important;
198
+ }
199
+ .white > #showcase_nav,
200
+ .black > #showcase_nav {
201
+ display:none !important;
202
+ }
203
+ .white:hover > #showcase_nav,
204
+ .black:hover > #showcase_nav {
205
+ display:block !important;
206
+ }
207
+ #showcase_nav {
208
+ display:block !important;
209
+ z-index:2 !important;
210
+ }
211
+ #showcase_nav div,
212
+ #showcase_nav button {
213
+ position:absolute;
214
+ top:50%;
215
+ border-style:none !important;
216
+ padding:2px 0px !important;
217
+ display:inline-block;
218
+ margin-top:-20px !important;
219
+ line-height:30px !important;
220
+ height:40px !important;
221
+ width:30px !important;
222
+ cursor:pointer !important;
223
+ z-index:2 !important;
224
+ transition:all .3s ease-in-out !important;
225
+ -webkit-transition:all .3s ease-in-out !important;
226
+ -moz-transition:all .3s ease-in-out !important;
227
+ -o-transition:all .3s ease-in-out !important;
228
+ }
229
+ #showcase_nav .owl-prev {
230
+ left:10px;
231
+ }
232
+ #showcase_nav .owl-next {
233
+ right:10px;
234
+ }
235
+ .white > .disabled .owl-prev,
236
+ .white > .disabled .owl-next,
237
+ .black > .disabled .owl-prev,
238
+ .black > .disabled .owl-next {
239
+ display:none !important;
240
+ }
241
+ .sa_owl_theme .disabled .owl-prev,
242
+ .sa_owl_theme .disabled .owl-next {
243
+ display:none !important;
244
+ }
245
+ /* WHITE COLOR SCHEME */
246
+ .white > #showcase_nav .owl-prev {
247
+ background:rgba(0,0,0,0.3) url('../images/icon_prev.png') no-repeat center center !important;
248
+ }
249
+ .white > #showcase_nav .owl-next {
250
+ background:rgba(0,0,0,0.3) url('../images/icon_next.png') no-repeat center center !important;
251
+ }
252
+ .white > #showcase_nav .owl-prev:hover,
253
+ .white > #showcase_nav .owl-next:hover {
254
+ background-color:rgba(0,0,0,0.8) !important;
255
+ }
256
+ /* BLACK COLOR SCHEME */
257
+ .black > #showcase_nav .owl-prev {
258
+ background:rgba(255,255,255,0.3) url('../images/black_icon_prev.png') no-repeat center center !important;
259
+ }
260
+ .black > #showcase_nav .owl-next {
261
+ background:rgba(255,255,255,0.3) url('../images/black_icon_next.png') no-repeat center center !important;
262
+ }
263
+ .black > #showcase_nav .owl-prev:hover,
264
+ .black > #showcase_nav .owl-next:hover {
265
+ background-color:rgba(255,255,255,0.8) !important;
266
+ }
267
+ @media only screen and (max-width:999px) {
268
+ .showcase_tablet { width:var(--widthtab) !important; left:var(--lefttab) !important; }
269
+ .showcase_hide_tablet { width:100% !important; left:0px !important; }
270
+ }
271
+ @media only screen and (max-width:767px) {
272
+ .showcase_mobile { width:var(--widthmob) !important; left:var(--leftmob) !important; }
273
+ .showcase_hide_mobile { width:100% !important; left:0px !important; }
274
+ }
275
+
276
  /* THUMBNAIL PAGINATION (SA PRO) */
277
  .sa_owl_thumbs_wrap {
278
  display:block !important;
php/slide-anything-admin.php CHANGED
@@ -88,6 +88,12 @@ function cpt_slider_plugin_activation() {
88
  update_post_meta($cpt_id, 'sa_items_width6', 4);
89
  update_post_meta($cpt_id, 'sa_transition', 'fade');
90
  update_post_meta($cpt_id, 'sa_hero_slider', '0');
 
 
 
 
 
 
91
  update_post_meta($cpt_id, 'sa_css_id', 'sample_slider');
92
  update_post_meta($cpt_id, 'sa_background_color', '#fafafa');
93
  update_post_meta($cpt_id, 'sa_border_width', 1);
@@ -134,22 +140,29 @@ function version_20_upgrade_notice() {
134
  echo "<img style='width:100%;' src='https://edgewebpages.com/wp-content/uploads/2017/06/slide_anything_pro_product_image.png' /></a></div>";
135
  echo "<h3 style='margin:0px !important; padding:10px 0px !important;'>SLIDE ANYTHING PRO</h3>";
136
  echo "<p style='margin:0px 0px 10px !important;'><strong>SLIDE ANYTHING PRO</strong> adds POPUPS into the mix!!";
137
- echo "<br/><strong>SLIDE ANYTHING PRO</strong> also adds Hero Sliders & Thumbnail Pagination!!</p>";
 
138
 
139
  echo "<p style='margin:0px 0px 10px !important;'>With <a href='https://edgewebpages.com/' target='_blank'>SLIDE ANYTHING PRO</a> ";
140
  echo "each slide can now open a MODAL POPUP, which can be an IMAGE popup, a VIDEO EMBED popup (YouTube/Vimeo), a popup ";
141
  echo "containing HTML CODE or a popup displaying a WordPress SHORTCODE. This can be a very useful addition to ";
142
  echo "Slide Anything, if you are wanting to create Image or Video galleries for your websites.</p>";
 
143
  echo "<p style='margin:0px 0px 10px !important;'>With <a href='https://edgewebpages.com/' target='_blank'>SLIDE ANYTHING PRO</a> ";
144
  echo "you can now create a HERO SLIDER, which is a slider that always is 100% of the width/height of the device it's ";
145
  echo "being viewed on. You can now also add THUMBNAIL PAGINATION to your sliders. Thumbnail Pagination are small ";
146
  echo "clickable thumbnail images, with each thumbnail representing a single slide which can be clicked in order to ";
147
  echo "navigate to.</p>";
148
 
 
 
 
 
149
  echo "<p style='margin:0px !important;'>For more information, click on the DEMO links below:</p>";
150
  echo "<p style='margin:0px !important;'>";
151
  echo "<a href='https://edgewebpages.com/' target='_blank'>MODAL POPUPS DEMO</a>&nbsp;&nbsp;|&nbsp;&nbsp;";
152
- echo "<a href='https://edgewebpages.com/hero-slider-with-thumbnails/' target='_blank'>HERO SLIDER WITH THUMBNAILS</a></p>";
 
153
 
154
  echo "<div style='clear:both; float:none; width:100%; height:10px;'></div>";
155
  echo "<a style='display:inline-block; float:right; padding:7px 10px; background:crimson; color:white; text-decoration:none; ";
@@ -1472,7 +1485,8 @@ function cpt_slider_items_content($post) {
1472
  }
1473
  }
1474
  echo "</select></div>\n";
1475
- // hero slider checkbox
 
1476
  $hero_slider = get_post_meta($post->ID, 'sa_hero_slider', true);
1477
  if ($hero_slider != '1') {
1478
  $hero_slider = '0';
@@ -1484,6 +1498,7 @@ function cpt_slider_items_content($post) {
1484
  }
1485
  echo "<span>Hero Slider</span>";
1486
  if ($sa_pro_version) {
 
1487
  if ($hero_slider == '1') {
1488
  echo "<input type='checkbox' id='sa_hero_slider' name='sa_hero_slider' value='1' checked/>";
1489
  } else {
@@ -1512,6 +1527,97 @@ function cpt_slider_items_content($post) {
1512
  }
1513
  echo "</div>\n";
1514
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1515
  echo "</div>\n";
1516
  }
1517
 
@@ -2291,6 +2397,24 @@ function cpt_slider_save_postdata() {
2291
  } else {
2292
  update_post_meta($post->ID, 'sa_hero_slider', '0');
2293
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2294
 
2295
  // UPDATE SLIDER STYLE
2296
  $post_css_id = str_replace("-", "_", $_POST['sa_css_id']);
88
  update_post_meta($cpt_id, 'sa_items_width6', 4);
89
  update_post_meta($cpt_id, 'sa_transition', 'fade');
90
  update_post_meta($cpt_id, 'sa_hero_slider', '0');
91
+ update_post_meta($cpt_id, 'sa_showcase_slider', '0');
92
+ update_post_meta($cpt_id, 'sa_showcase_width', '120');
93
+ update_post_meta($cpt_id, 'sa_showcase_tablet', '1');
94
+ update_post_meta($cpt_id, 'sa_showcase_width_tab', '130');
95
+ update_post_meta($cpt_id, 'sa_showcase_mobile', '0');
96
+ update_post_meta($cpt_id, 'sa_showcase_width_mob', '140');
97
  update_post_meta($cpt_id, 'sa_css_id', 'sample_slider');
98
  update_post_meta($cpt_id, 'sa_background_color', '#fafafa');
99
  update_post_meta($cpt_id, 'sa_border_width', 1);
140
  echo "<img style='width:100%;' src='https://edgewebpages.com/wp-content/uploads/2017/06/slide_anything_pro_product_image.png' /></a></div>";
141
  echo "<h3 style='margin:0px !important; padding:10px 0px !important;'>SLIDE ANYTHING PRO</h3>";
142
  echo "<p style='margin:0px 0px 10px !important;'><strong>SLIDE ANYTHING PRO</strong> adds POPUPS into the mix!!";
143
+ echo "<br/><strong>SLIDE ANYTHING PRO</strong> also adds Hero Sliders & Thumbnail Pagination!!";
144
+ echo "<br/><strong>SLIDE ANYTHING PRO</strong> allows you to create Showcase Carousels!!</p>";
145
 
146
  echo "<p style='margin:0px 0px 10px !important;'>With <a href='https://edgewebpages.com/' target='_blank'>SLIDE ANYTHING PRO</a> ";
147
  echo "each slide can now open a MODAL POPUP, which can be an IMAGE popup, a VIDEO EMBED popup (YouTube/Vimeo), a popup ";
148
  echo "containing HTML CODE or a popup displaying a WordPress SHORTCODE. This can be a very useful addition to ";
149
  echo "Slide Anything, if you are wanting to create Image or Video galleries for your websites.</p>";
150
+
151
  echo "<p style='margin:0px 0px 10px !important;'>With <a href='https://edgewebpages.com/' target='_blank'>SLIDE ANYTHING PRO</a> ";
152
  echo "you can now create a HERO SLIDER, which is a slider that always is 100% of the width/height of the device it's ";
153
  echo "being viewed on. You can now also add THUMBNAIL PAGINATION to your sliders. Thumbnail Pagination are small ";
154
  echo "clickable thumbnail images, with each thumbnail representing a single slide which can be clicked in order to ";
155
  echo "navigate to.</p>";
156
 
157
+ echo "<p style='margin:0px 0px 10px !important;'>With <a href='https://edgewebpages.com/' target='_blank'>SLIDE ANYTHING PRO</a> ";
158
+ echo "you can also create a SHOWCASE CAROUSEL, which has a container width that exceeds the screen/window width. ";
159
+ echo "The leftmost/rightmost visible slides therefore become partially visible.</p>";
160
+
161
  echo "<p style='margin:0px !important;'>For more information, click on the DEMO links below:</p>";
162
  echo "<p style='margin:0px !important;'>";
163
  echo "<a href='https://edgewebpages.com/' target='_blank'>MODAL POPUPS DEMO</a>&nbsp;&nbsp;|&nbsp;&nbsp;";
164
+ echo "<a href='https://edgewebpages.com/hero-slider-with-thumbnails/' target='_blank'>HERO SLIDER WITH THUMBNAILS</a>&nbsp;&nbsp;|&nbsp;&nbsp;";
165
+ echo "<a href='https://edgewebpages.com/showcase-carousel-demo/' target='_blank'>SHOWCASE CAROUSEL</a></p>";
166
 
167
  echo "<div style='clear:both; float:none; width:100%; height:10px;'></div>";
168
  echo "<a style='display:inline-block; float:right; padding:7px 10px; background:crimson; color:white; text-decoration:none; ";
1485
  }
1486
  }
1487
  echo "</select></div>\n";
1488
+
1489
+ // HERO SLIDER
1490
  $hero_slider = get_post_meta($post->ID, 'sa_hero_slider', true);
1491
  if ($hero_slider != '1') {
1492
  $hero_slider = '0';
1498
  }
1499
  echo "<span>Hero Slider</span>";
1500
  if ($sa_pro_version) {
1501
+ // hero slider checkbox
1502
  if ($hero_slider == '1') {
1503
  echo "<input type='checkbox' id='sa_hero_slider' name='sa_hero_slider' value='1' checked/>";
1504
  } else {
1527
  }
1528
  echo "</div>\n";
1529
 
1530
+ // SHOWCASE SLIDER
1531
+ if (($items_width1 == 1) && ($items_width2 == 1) && ($items_width3 == 1) && ($items_width4 == 1) && ($items_width5 == 1) && ($items_width6 == 1)) {
1532
+ echo "<div id='sa_showcase_slider_wrapper' style='display:none;'>";
1533
+ } else {
1534
+ echo "<div id='sa_showcase_slider_wrapper' style='display:block;'>";
1535
+ }
1536
+ // showcase slider checkbox
1537
+ $showcase_slider = get_post_meta($post->ID, 'sa_showcase_slider', true);
1538
+ if ($showcase_slider != '1') {
1539
+ $showcase_slider = '0';
1540
+ }
1541
+ echo "<div class='sa_ss_line'><span><strong>Showcase Carousel</strong></span>";
1542
+ if ($sa_pro_version) {
1543
+ echo "<input type='checkbox' id='sa_showcase_slider' name='sa_showcase_slider' value='1'";
1544
+ if ($showcase_slider == '1') { echo " checked"; }
1545
+ echo " />";
1546
+ }
1547
+ echo "</div>";
1548
+ if ($sa_pro_version) {
1549
+ if ($showcase_slider == '1') {
1550
+ echo "<div id='sa_showcase_slider_pro' style='display:block;'>";
1551
+ } else {
1552
+ echo "<div id='sa_showcase_slider_pro' style='display:none;'>";
1553
+
1554
+ }
1555
+ // showcase slider - desktop width
1556
+ $showcase_width = get_post_meta($post->ID, 'sa_showcase_width', true);
1557
+ if ($showcase_width == '') {
1558
+ $showcase_width = '120';
1559
+ }
1560
+ echo "<div class='sa_ss_line'><span>Desktop Width</span>";
1561
+ echo "<input type='text' id='sa_showcase_width' name='sa_showcase_width' value='".esc_attr($showcase_width)."'>";
1562
+ echo "<em>%</em></div>\n";
1563
+ // showcase slider - use on tablets
1564
+ $showcase_tablet = get_post_meta($post->ID, 'sa_showcase_tablet', true);
1565
+ if (($showcase_tablet != '0') && ($showcase_tablet != '1')) {
1566
+ $showcase_tablet = '1';
1567
+ }
1568
+ echo "<div class='sa_ss_line'><span>Use on Tablets</span>";
1569
+ if ($showcase_tablet == '1') {
1570
+ echo "<input type='checkbox' id='sa_showcase_tablet' name='sa_showcase_tablet' value='1' checked />";
1571
+ } else {
1572
+ echo "<input type='checkbox' id='sa_showcase_tablet' name='sa_showcase_tablet' value='1' />";
1573
+ }
1574
+ echo "</div>\n";
1575
+ // showcase slider - tablet width
1576
+ $showcase_width_tab = get_post_meta($post->ID, 'sa_showcase_width_tab', true);
1577
+ if ($showcase_width_tab == '') {
1578
+ $showcase_width_tab = '130';
1579
+ }
1580
+ echo "<div class='sa_ss_line'><span>Tablet Width</span>";
1581
+ echo "<input type='text' id='sa_showcase_width_tab' name='sa_showcase_width_tab' value='".esc_attr($showcase_width_tab)."'>";
1582
+ echo "<em>%</em></div>\n";
1583
+ // showcase slider - use on mobiles
1584
+ $showcase_mobile = get_post_meta($post->ID, 'sa_showcase_mobile', true);
1585
+ if ($showcase_mobile != '1') {
1586
+ $showcase_mobile = '0';
1587
+ }
1588
+ echo "<div class='sa_ss_line'><span>Use on Mobiles</span>";
1589
+ if ($showcase_mobile == '1') {
1590
+ echo "<input type='checkbox' id='sa_showcase_mobile' name='sa_showcase_mobile' value='1' checked />";
1591
+ } else {
1592
+ echo "<input type='checkbox' id='sa_showcase_mobile' name='sa_showcase_mobile' value='1' />";
1593
+ }
1594
+ echo "</div>\n";
1595
+ // showcase slider - mobile width
1596
+ $showcase_width_mob = get_post_meta($post->ID, 'sa_showcase_width_mob', true);
1597
+ if ($showcase_width_mob == '') {
1598
+ $showcase_width_mob = '140';
1599
+ }
1600
+ echo "<div class='sa_ss_line'><span>Mobile Width</span>";
1601
+ echo "<input type='text' id='sa_showcase_width_mob' name='sa_showcase_width_mob' value='".esc_attr($showcase_width_mob)."'>";
1602
+ echo "<em>%</em></div>\n";
1603
+ // showcase slider - css to style left/rightmost slides
1604
+ $css_id = get_post_meta($post->ID, 'sa_css_id', true);
1605
+ echo "<div class='sa_ss_css_line'>CSS to target left+right partial slides:";
1606
+ echo "<div id='ss_css_value'>#".esc_html($css_id)." .sc_partial</div>";
1607
+ echo "</div>\n";
1608
+ echo "</div>"; // #sa_showcase_slider_pro
1609
+ } else {
1610
+ // display slide anything pro promotional text
1611
+ echo "<div id='sa_showcase_slider_promo'>";
1612
+ echo "<h4>Available in the PRO VERSION only!</h4>\n";
1613
+ echo "<p>A <strong>Showcase Carousels</strong> has a container width that exceeds the screen/window width. ";
1614
+ echo "The leftmost/rightmost visible slides therefore become partially visible.</p>";
1615
+ echo "<p>Showcase Carousel DEMO:</p>";
1616
+ echo "<p style='padding-top:2px !important;'><a href='https://edgewebpages.com/showcase-carousel-demo/' target='_blank'>SHOWCASE CAROUSEL DEMO</a></p>";
1617
+ echo "</div>";
1618
+ }
1619
+ echo "</div>\n";
1620
+
1621
  echo "</div>\n";
1622
  }
1623
 
2397
  } else {
2398
  update_post_meta($post->ID, 'sa_hero_slider', '0');
2399
  }
2400
+ if (isset($_POST['sa_showcase_slider']) && ($_POST['sa_showcase_slider'] == '1')) {
2401
+ update_post_meta($post->ID, 'sa_showcase_slider', '1');
2402
+ } else {
2403
+ update_post_meta($post->ID, 'sa_showcase_slider', '0');
2404
+ }
2405
+ update_post_meta($post->ID, 'sa_showcase_width', abs(intval($_POST['sa_showcase_width']))); // SANATIZE
2406
+ if (isset($_POST['sa_showcase_tablet']) && ($_POST['sa_showcase_tablet'] == '1')) {
2407
+ update_post_meta($post->ID, 'sa_showcase_tablet', '1');
2408
+ } else {
2409
+ update_post_meta($post->ID, 'sa_showcase_tablet', '0');
2410
+ }
2411
+ update_post_meta($post->ID, 'sa_showcase_width_tab', abs(intval($_POST['sa_showcase_width_tab']))); // SANATIZE
2412
+ if (isset($_POST['sa_showcase_mobile']) && ($_POST['sa_showcase_mobile'] == '1')) {
2413
+ update_post_meta($post->ID, 'sa_showcase_mobile', '1');
2414
+ } else {
2415
+ update_post_meta($post->ID, 'sa_showcase_mobile', '0');
2416
+ }
2417
+ update_post_meta($post->ID, 'sa_showcase_width_mob', abs(intval($_POST['sa_showcase_width_mob']))); // SANATIZE
2418
 
2419
  // UPDATE SLIDER STYLE
2420
  $post_css_id = str_replace("-", "_", $_POST['sa_css_id']);
php/slide-anything-frontend.php CHANGED
@@ -312,6 +312,51 @@ function slide_anything_shortcode($atts) {
312
  $slide_data['thumbs_resp_mobile'] = '50';
313
  }
314
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
315
 
316
  // REVERSE THE ORDER OF THE SLIDES IF 'Random Order' CHECKBOX IS CHECKED OR
317
  // RE-ORDER SLIDES IN A RANDOM ORDER IF 'Random Order' CHECKBOX IS CHECKED
@@ -376,7 +421,7 @@ function slide_anything_shortcode($atts) {
376
  }
377
  }
378
  }
379
-
380
  // GENERATE HTML CODE FOR THE OWL CAROUSEL SLIDER
381
  $wrapper_style = "background:".$slide_data['background_color']."; ";
382
  $wrapper_style .= "border:solid ".$slide_data['border_width']."px ".$slide_data['border_color']."; ";
@@ -385,6 +430,9 @@ function slide_anything_shortcode($atts) {
385
  $wrapper_style .= $slide_data['wrapper_padd_right']."px ";
386
  $wrapper_style .= $slide_data['wrapper_padd_bottom']."px ";
387
  $wrapper_style .= $slide_data['wrapper_padd_left']."px;";
 
 
 
388
  $output .= "<div class='".$slide_data['slide_icons_color']."' style='".esc_attr($wrapper_style)."'>\n";
389
  $additional_classes = '';
390
  if ($slide_data['pagination'] == 'true') {
@@ -398,11 +446,35 @@ function slide_anything_shortcode($atts) {
398
  $additional_classes = "autohide-arrows";
399
  }
400
  }
 
401
  if ($slide_data['hero_slider'] == '1') {
402
  $additional_classes .= " sa_hero_slider";
403
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
404
  $output .= "<div id='".esc_attr($slide_data['css_id'])."' class='owl-carousel sa_owl_theme ".$additional_classes."' ";
405
- $output .= "data-slider-id='".esc_attr($slide_data['css_id'])."' style='visibility:hidden;'>\n";
406
  if ($sa_pro_version) {
407
  // PRO VERSION - INITIALISE VAIRABLES FOR MAGNIFIC POPUP
408
  $lightbox_function = "open_lightbox_gallery_".$slide_data['css_id'];
@@ -566,6 +638,13 @@ function slide_anything_shortcode($atts) {
566
 
567
 
568
 
 
 
 
 
 
 
 
569
  $output .= "</div>\n"; // .white or .black
570
 
571
 
@@ -674,6 +753,9 @@ function slide_anything_shortcode($atts) {
674
  $output .= " loop : ".esc_attr($slide_data['loop_slider']).",\n";
675
  $output .= " nav : ".esc_attr($slide_data['nav_arrows']).",\n";
676
  $output .= " navText : ['',''],\n";
 
 
 
677
  $output .= " dots : ".esc_attr($slide_data['pagination']).",\n";
678
  $output .= " responsiveRefreshRate : 200,\n";
679
  if ($slide_data['slide_by'] == 'page') {
@@ -749,6 +831,29 @@ function slide_anything_shortcode($atts) {
749
 
750
 
751
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
752
  // ### PRO VERSION - JQUERY/JAVASCRIPT CODE FOR THUMBNAIL PAGINATION ###
753
  if (($sa_pro_version) && ($slide_data['thumbs_active'] == '1')) {
754
 
312
  $slide_data['thumbs_resp_mobile'] = '50';
313
  }
314
  }
315
+ // showcase carousel
316
+ $slide_data['showcase_slider'] = '0';
317
+ if ($sa_pro_version) {
318
+ if (isset($metadata['sa_showcase_slider'])) {
319
+ $slide_data['showcase_slider'] = $metadata['sa_showcase_slider'][0];
320
+ if ($slide_data['showcase_slider'] != '1') {
321
+ $slide_data['showcase_slider'] = '0';
322
+ }
323
+ } else {
324
+ $slide_data['showcase_slider'] = '0';
325
+ }
326
+ if (isset($metadata['sa_showcase_width'])) {
327
+ $slide_data['showcase_width'] = $metadata['sa_showcase_width'][0];
328
+ } else {
329
+ $slide_data['showcase_width'] = '120';
330
+ }
331
+ if (isset($metadata['sa_showcase_tablet'])) {
332
+ $slide_data['showcase_tablet'] = $metadata['sa_showcase_tablet'][0];
333
+ if ($slide_data['showcase_tablet'] != '1') {
334
+ $slide_data['showcase_tablet'] = '0';
335
+ }
336
+ } else {
337
+ $slide_data['showcase_tablet'] = '0';
338
+ }
339
+ if (isset($metadata['sa_showcase_width_tab'])) {
340
+ $slide_data['showcase_width_tab'] = $metadata['sa_showcase_width_tab'][0];
341
+ } else {
342
+ $slide_data['showcase_width_tab'] = '130';
343
+ }
344
+ if (isset($metadata['sa_showcase_mobile'])) {
345
+ $slide_data['showcase_mobile'] = $metadata['sa_showcase_mobile'][0];
346
+ if ($slide_data['showcase_mobile'] != '1') {
347
+ $slide_data['showcase_mobile'] = '0';
348
+ }
349
+ } else {
350
+ $slide_data['showcase_mobile'] = '0';
351
+ }
352
+ if (isset($metadata['sa_showcase_width_mob'])) {
353
+ $slide_data['showcase_width_mob'] = $metadata['sa_showcase_width_mob'][0];
354
+ } else {
355
+ $slide_data['showcase_width_mob'] = '140';
356
+ }
357
+ }
358
+
359
+
360
 
361
  // REVERSE THE ORDER OF THE SLIDES IF 'Random Order' CHECKBOX IS CHECKED OR
362
  // RE-ORDER SLIDES IN A RANDOM ORDER IF 'Random Order' CHECKBOX IS CHECKED
421
  }
422
  }
423
  }
424
+
425
  // GENERATE HTML CODE FOR THE OWL CAROUSEL SLIDER
426
  $wrapper_style = "background:".$slide_data['background_color']."; ";
427
  $wrapper_style .= "border:solid ".$slide_data['border_width']."px ".$slide_data['border_color']."; ";
430
  $wrapper_style .= $slide_data['wrapper_padd_right']."px ";
431
  $wrapper_style .= $slide_data['wrapper_padd_bottom']."px ";
432
  $wrapper_style .= $slide_data['wrapper_padd_left']."px;";
433
+ if ($slide_data['showcase_slider'] == '1') {
434
+ $wrapper_style .= " overflow:hidden;";
435
+ }
436
  $output .= "<div class='".$slide_data['slide_icons_color']."' style='".esc_attr($wrapper_style)."'>\n";
437
  $additional_classes = '';
438
  if ($slide_data['pagination'] == 'true') {
446
  $additional_classes = "autohide-arrows";
447
  }
448
  }
449
+ // hero slider
450
  if ($slide_data['hero_slider'] == '1') {
451
  $additional_classes .= " sa_hero_slider";
452
  }
453
+ $slider_style = "visibility:hidden;";
454
+ // showcase slider
455
+ if ($slide_data['showcase_slider'] == '1') {
456
+ $left_perc = (intval($slide_data['showcase_width']) - 100) / 2;
457
+ $slider_style .= " width:".$slide_data['showcase_width']."%;";
458
+ $slider_style .= " left:-".$left_perc."%;";
459
+ if ($slide_data['showcase_tablet'] == '1') {
460
+ $left_perc_tab = (intval($slide_data['showcase_width_tab']) - 100) / 2;
461
+ $slider_style .= " --widthtab:".$slide_data['showcase_width_tab']."%;";
462
+ $slider_style .= " --lefttab:-".$left_perc_tab."%;";
463
+ $additional_classes .= " showcase_tablet";
464
+ } else {
465
+ $additional_classes .= " showcase_hide_tablet";
466
+ }
467
+ if ($slide_data['showcase_mobile'] == '1') {
468
+ $left_perc_mob = (intval($slide_data['showcase_width_mob']) - 100) / 2;
469
+ $slider_style .= " --widthmob:".$slide_data['showcase_width_mob']."%;";
470
+ $slider_style .= " --leftmob:-".$left_perc_mob."%;";
471
+ $additional_classes .= " showcase_mobile";
472
+ } else {
473
+ $additional_classes .= " showcase_hide_mobile";
474
+ }
475
+ }
476
  $output .= "<div id='".esc_attr($slide_data['css_id'])."' class='owl-carousel sa_owl_theme ".$additional_classes."' ";
477
+ $output .= "data-slider-id='".esc_attr($slide_data['css_id'])."' style='".$slider_style."'>\n";
478
  if ($sa_pro_version) {
479
  // PRO VERSION - INITIALISE VAIRABLES FOR MAGNIFIC POPUP
480
  $lightbox_function = "open_lightbox_gallery_".$slide_data['css_id'];
638
 
639
 
640
 
641
+ // SHOWCASE CAROUSEL - NAVIGATION CONTAINER
642
+ if ($slide_data['showcase_slider'] == '1') {
643
+ $output .= "<div id='showcase_nav' class='owl-nav'></div>\n";
644
+ }
645
+
646
+
647
+
648
  $output .= "</div>\n"; // .white or .black
649
 
650
 
753
  $output .= " loop : ".esc_attr($slide_data['loop_slider']).",\n";
754
  $output .= " nav : ".esc_attr($slide_data['nav_arrows']).",\n";
755
  $output .= " navText : ['',''],\n";
756
+ if ($slide_data['showcase_slider'] == '1') {
757
+ $output .= " navContainer : '#showcase_nav',\n";
758
+ }
759
  $output .= " dots : ".esc_attr($slide_data['pagination']).",\n";
760
  $output .= " responsiveRefreshRate : 200,\n";
761
  if ($slide_data['slide_by'] == 'page') {
831
 
832
 
833
 
834
+ // JAVASCRIPT FOR SHOWCASE CAROUSELS ONLY
835
+ // DYNAMICALLY SET CLASS NAMES FOR LEFTMOST (FIRST) AND RIGHTMOST (LAST) ACTIVE (DISPLAYED) SLIDES
836
+ if ($slide_data['showcase_slider'] == '1') {
837
+ $output .= " set_first_last_active_classes('".esc_attr($slide_data['css_id'])."');\n";
838
+ $output .= " jQuery('#".esc_attr($slide_data['css_id'])."').on('translated.owl.carousel resized.owl.carousel', function(event) {\n";
839
+ $output .= " set_first_last_active_classes('".esc_attr($slide_data['css_id'])."');\n";
840
+ $output .= " });\n";
841
+ $output .= " function set_first_last_active_classes(css_id) {\n";
842
+ $output .= " var total = jQuery('#".esc_attr($slide_data['css_id'])." .owl-stage .owl-item.active').length;\n";
843
+ $output .= " jQuery('#".esc_attr($slide_data['css_id'])." .owl-stage .owl-item').removeClass('sc_partial');\n";
844
+ $output .= " jQuery('#".esc_attr($slide_data['css_id'])." .owl-stage .owl-item.active').each(function(index){\n";
845
+ $output .= " if (index === 0) {\n"; // this is the first active slide
846
+ $output .= " jQuery(this).addClass('sc_partial');\n";
847
+ $output .= " }\n";
848
+ $output .= " if (index === total - 1 && total > 1) {\n"; // this is the last active slide
849
+ $output .= " jQuery(this).addClass('sc_partial');\n";
850
+ $output .= " }\n";
851
+ $output .= " });\n";
852
+ $output .= " }\n";
853
+ }
854
+
855
+
856
+
857
  // ### PRO VERSION - JQUERY/JAVASCRIPT CODE FOR THUMBNAIL PAGINATION ###
858
  if (($sa_pro_version) && ($slide_data['thumbs_active'] == '1')) {
859
 
readme.txt CHANGED
@@ -33,11 +33,14 @@ Slide Anything provides many Owl Carousel 2 features, which include:
33
  * MODAL POPUPS - Each slide can now open a MODAL POPUP, which can be an IMAGE popup, a VIDEO EMBED popup (YouTube/Vimeo), a HTML CODE popup or a popup displaying a WordPress SHORTCODE.
34
  * HERO SLIDER - A Hero Slider is a slider that always is 100% of the width/height of the device it's being viewed on (or 100% of the window width/height if on a desktop device).
35
  * THUMBNAIL PAGINATION - Allows you to add an area of small clickable thumb images, with each image representing a single slide that can be clicked to navigate to that slide.
 
36
 
37
  [MODAL POPUPS DEMO](https://edgewebpages.com/)
38
 
39
  [HERO SLIDER WITH THUMBNAILS DEMO](https://edgewebpages.com/hero-slider-with-thumbnails/)
40
 
 
 
41
  = Owl Carousel =
42
 
43
  [Owl Carousel](https://owlcarousel2.github.io/OwlCarousel2/) is an extremely powerful and flexible carousel/slider JQuery plugin, and it is also free to use! Unfortunately, it's not easy to integrate Owl Carousel into a WordPress site if you are a non-developer, and requires JQuery and PHP coding skills. That is why I developed this plugin.
@@ -280,6 +283,9 @@ Adding a SLIDE ANYTHING slider using the WordPress 5.0 'Block Editor' is pretty
280
  = 2.2.6 =
281
  * Bug Fix - Fixed the PHP Warning "explode() expects parameter 2 to be string, array given in wp-content\plugins\slide-anything\php\slide-anything-admin.php on line 824" some users were experiencing.
282
 
 
 
 
283
  == Upgrade Notice ==
284
 
285
  = 1.0 =
@@ -466,3 +472,6 @@ Adding a SLIDE ANYTHING slider using the WordPress 5.0 'Block Editor' is pretty
466
 
467
  = 2.2.6 =
468
  * Bug Fix - Fixed the PHP Warning "explode() expects parameter 2 to be string, array given in wp-content\plugins\slide-anything\php\slide-anything-admin.php on line 824" some users were experiencing.
 
 
 
33
  * MODAL POPUPS - Each slide can now open a MODAL POPUP, which can be an IMAGE popup, a VIDEO EMBED popup (YouTube/Vimeo), a HTML CODE popup or a popup displaying a WordPress SHORTCODE.
34
  * HERO SLIDER - A Hero Slider is a slider that always is 100% of the width/height of the device it's being viewed on (or 100% of the window width/height if on a desktop device).
35
  * THUMBNAIL PAGINATION - Allows you to add an area of small clickable thumb images, with each image representing a single slide that can be clicked to navigate to that slide.
36
+ * SHOWCASE CAROUSEL - A Carousel with a width exceeding the width of the container that it's placed in, which results in the left/rightmost visible slides becoming partially visible.
37
 
38
  [MODAL POPUPS DEMO](https://edgewebpages.com/)
39
 
40
  [HERO SLIDER WITH THUMBNAILS DEMO](https://edgewebpages.com/hero-slider-with-thumbnails/)
41
 
42
+ [SHOWCASE CAROUSEL](https://edgewebpages.com/showcase-carousel-demo/)
43
+
44
  = Owl Carousel =
45
 
46
  [Owl Carousel](https://owlcarousel2.github.io/OwlCarousel2/) is an extremely powerful and flexible carousel/slider JQuery plugin, and it is also free to use! Unfortunately, it's not easy to integrate Owl Carousel into a WordPress site if you are a non-developer, and requires JQuery and PHP coding skills. That is why I developed this plugin.
283
  = 2.2.6 =
284
  * Bug Fix - Fixed the PHP Warning "explode() expects parameter 2 to be string, array given in wp-content\plugins\slide-anything\php\slide-anything-admin.php on line 824" some users were experiencing.
285
 
286
+ = 2.2.7 =
287
+ * Added Showcase Carousel support, which is a new Slide Anything PRO feature.
288
+
289
  == Upgrade Notice ==
290
 
291
  = 1.0 =
472
 
473
  = 2.2.6 =
474
  * Bug Fix - Fixed the PHP Warning "explode() expects parameter 2 to be string, array given in wp-content\plugins\slide-anything\php\slide-anything-admin.php on line 824" some users were experiencing.
475
+
476
+ = 2.2.7 =
477
+ * Added Showcase Carousel support, which is a new Slide Anything PRO feature.
slide-anything.php CHANGED
@@ -4,7 +4,7 @@
4
  * Plugin URI: https://wordpress.org/plugins/slide-anything/
5
  * Description: Slide Anything allows you to create a carousel/slider where the content for each slide can be anything you want - images, text, HTML, and even shortcodes. This plugin uses the Owl Carousel jQuery plugin, and lets you create beautiful, touch enabled, responsive carousels and sliders.
6
  * Author: Simon Edge
7
- * Version: 2.2.6
8
  * License: GPLv2 or later
9
  */
10
 
4
  * Plugin URI: https://wordpress.org/plugins/slide-anything/
5
  * Description: Slide Anything allows you to create a carousel/slider where the content for each slide can be anything you want - images, text, HTML, and even shortcodes. This plugin uses the Owl Carousel jQuery plugin, and lets you create beautiful, touch enabled, responsive carousels and sliders.
6
  * Author: Simon Edge
7
+ * Version: 2.2.7
8
  * License: GPLv2 or later
9
  */
10