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

Version Description

  • Fixed an issue with the slider arrows that occurs when multiple Showcase Carousels (SA PRO) are displayed on a page.

=

Download this release

Release Info

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

Code changes from version 2.3.18 to 2.3.19

owl-carousel/sa-owl-theme.css CHANGED
@@ -209,21 +209,21 @@
209
  .black {
210
  position:relative !important;
211
  }
212
- .white > #showcase_nav,
213
- .black > #showcase_nav {
214
  display:block !important;
215
  z-index:2 !important;
216
  }
217
- .white > #showcase_nav.autohide_arrows,
218
- .black > #showcase_nav.autohide_arrows {
219
  display:none !important;
220
  }
221
- .white:hover > #showcase_nav,
222
- .black:hover > #showcase_nav {
223
  display:block !important;
224
  }
225
- #showcase_nav div,
226
- #showcase_nav button {
227
  position:absolute;
228
  top:50%;
229
  border-style:none !important;
@@ -240,10 +240,10 @@
240
  -moz-transition:all .3s ease-in-out !important;
241
  -o-transition:all .3s ease-in-out !important;
242
  }
243
- #showcase_nav .owl-prev {
244
  left:10px;
245
  }
246
- #showcase_nav .owl-next {
247
  right:10px;
248
  }
249
  .white > .disabled .owl-prev,
@@ -257,25 +257,25 @@
257
  display:none !important;
258
  }
259
  /* WHITE COLOR SCHEME */
260
- .white > #showcase_nav .owl-prev {
261
  background:rgba(0,0,0,0.3) url('../images/icon_prev.png') no-repeat center center !important;
262
  }
263
- .white > #showcase_nav .owl-next {
264
  background:rgba(0,0,0,0.3) url('../images/icon_next.png') no-repeat center center !important;
265
  }
266
- .white > #showcase_nav .owl-prev:hover,
267
- .white > #showcase_nav .owl-next:hover {
268
  background-color:rgba(0,0,0,0.8) !important;
269
  }
270
  /* BLACK COLOR SCHEME */
271
- .black > #showcase_nav .owl-prev {
272
  background:rgba(255,255,255,0.3) url('../images/black_icon_prev.png') no-repeat center center !important;
273
  }
274
- .black > #showcase_nav .owl-next {
275
  background:rgba(255,255,255,0.3) url('../images/black_icon_next.png') no-repeat center center !important;
276
  }
277
- .black > #showcase_nav .owl-prev:hover,
278
- .black > #showcase_nav .owl-next:hover {
279
  background-color:rgba(255,255,255,0.8) !important;
280
  }
281
  @media only screen and (max-width:999px) {
209
  .black {
210
  position:relative !important;
211
  }
212
+ .white > .showcase_nav,
213
+ .black > .showcase_nav {
214
  display:block !important;
215
  z-index:2 !important;
216
  }
217
+ .white > .showcase_nav.autohide_arrows,
218
+ .black > .showcase_nav.autohide_arrows {
219
  display:none !important;
220
  }
221
+ .white:hover > .showcase_nav,
222
+ .black:hover > .showcase_nav {
223
  display:block !important;
224
  }
225
+ .showcase_nav div,
226
+ .showcase_nav button {
227
  position:absolute;
228
  top:50%;
229
  border-style:none !important;
240
  -moz-transition:all .3s ease-in-out !important;
241
  -o-transition:all .3s ease-in-out !important;
242
  }
243
+ .showcase_nav .owl-prev {
244
  left:10px;
245
  }
246
+ .showcase_nav .owl-next {
247
  right:10px;
248
  }
249
  .white > .disabled .owl-prev,
257
  display:none !important;
258
  }
259
  /* WHITE COLOR SCHEME */
260
+ .white > .showcase_nav .owl-prev {
261
  background:rgba(0,0,0,0.3) url('../images/icon_prev.png') no-repeat center center !important;
262
  }
263
+ .white > .showcase_nav .owl-next {
264
  background:rgba(0,0,0,0.3) url('../images/icon_next.png') no-repeat center center !important;
265
  }
266
+ .white > .showcase_nav .owl-prev:hover,
267
+ .white > .showcase_nav .owl-next:hover {
268
  background-color:rgba(0,0,0,0.8) !important;
269
  }
270
  /* BLACK COLOR SCHEME */
271
+ .black > .showcase_nav .owl-prev {
272
  background:rgba(255,255,255,0.3) url('../images/black_icon_prev.png') no-repeat center center !important;
273
  }
274
+ .black > .showcase_nav .owl-next {
275
  background:rgba(255,255,255,0.3) url('../images/black_icon_next.png') no-repeat center center !important;
276
  }
277
+ .black > .showcase_nav .owl-prev:hover,
278
+ .black > .showcase_nav .owl-next:hover {
279
  background-color:rgba(255,255,255,0.8) !important;
280
  }
281
  @media only screen and (max-width:999px) {
php/slide-anything-frontend.php CHANGED
@@ -726,9 +726,9 @@ function slide_anything_shortcode($atts) {
726
  // SHOWCASE CAROUSEL - NAVIGATION CONTAINER
727
  if ($slide_data['showcase_slider'] == '1') {
728
  if ($slide_data['autohide_arrows'] == 'true') {
729
- $output .= "<div id='showcase_nav' class='owl-nav autohide_arrows'></div>\n";
730
  } else {
731
- $output .= "<div id='showcase_nav' class='owl-nav'></div>\n";
732
  }
733
  }
734
 
@@ -846,7 +846,7 @@ function slide_anything_shortcode($atts) {
846
  $output .= " nav : ".esc_attr($slide_data['nav_arrows']).",\n";
847
  $output .= " navText : ['',''],\n";
848
  if ($slide_data['showcase_slider'] == '1') {
849
- $output .= " navContainer : '#showcase_nav',\n";
850
  }
851
  $output .= " dots : ".esc_attr($slide_data['pagination']).",\n";
852
  $output .= " responsiveRefreshRate : 200,\n";
726
  // SHOWCASE CAROUSEL - NAVIGATION CONTAINER
727
  if ($slide_data['showcase_slider'] == '1') {
728
  if ($slide_data['autohide_arrows'] == 'true') {
729
+ $output .= "<div id='showcase_".esc_attr($id)."' class='showcase_nav owl-nav autohide_arrows'></div>\n";
730
  } else {
731
+ $output .= "<div id='showcase_".esc_attr($id)."' class='showcase_nav owl-nav'></div>\n";
732
  }
733
  }
734
 
846
  $output .= " nav : ".esc_attr($slide_data['nav_arrows']).",\n";
847
  $output .= " navText : ['',''],\n";
848
  if ($slide_data['showcase_slider'] == '1') {
849
+ $output .= " navContainer : '#showcase_".esc_attr($id)."',\n";
850
  }
851
  $output .= " dots : ".esc_attr($slide_data['pagination']).",\n";
852
  $output .= " responsiveRefreshRate : 200,\n";
readme.txt CHANGED
@@ -350,6 +350,9 @@ Adding a SLIDE ANYTHING slider using the WordPress 5.0 'Block Editor' is pretty
350
  = 2.3.18 =
351
  * Call the JavaScript 'window resize' event when the Owl Carousel 'initialized' event is executed - this resolves an issue some uses have been experiencing with slides not being sized correctly after page load
352
 
 
 
 
353
  == Upgrade Notice ==
354
 
355
  = 1.0 =
@@ -601,4 +604,7 @@ Adding a SLIDE ANYTHING slider using the WordPress 5.0 'Block Editor' is pretty
601
  * Small Bug Fix: Click to Advance feature was not working properly with multiple sliders on the page
602
 
603
  = 2.3.18 =
604
- * Call the JavaScript 'window resize' event when the Owl Carousel 'initialized' event is executed - this resolves an issue some uses have been experiencing with slides not being sized correctly after page load
 
 
 
350
  = 2.3.18 =
351
  * Call the JavaScript 'window resize' event when the Owl Carousel 'initialized' event is executed - this resolves an issue some uses have been experiencing with slides not being sized correctly after page load
352
 
353
+ = 2.3.19 =
354
+ * Fixed an issue with the slider arrows that occurs when multiple Showcase Carousels (SA PRO) are displayed on a page.
355
+
356
  == Upgrade Notice ==
357
 
358
  = 1.0 =
604
  * Small Bug Fix: Click to Advance feature was not working properly with multiple sliders on the page
605
 
606
  = 2.3.18 =
607
+ * Call the JavaScript 'window resize' event when the Owl Carousel 'initialized' event is executed - this resolves an issue some uses have been experiencing with slides not being sized correctly after page load
608
+
609
+ = 2.3.19 =
610
+ * Fixed an issue with the slider arrows that occurs when multiple Showcase Carousels (SA PRO) are displayed on a page.
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.3.18
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.3.19
8
  * License: GPLv2 or later
9
  */
10