25 Support questions or comments

• 
  Jul 27, 2020
  Nara1 Purchased

  I wonder what the benefit of exporting to HTML is. Is it possible that the code still work without the plugin installed ?
• View 4 more replies
• 
  Jul 27, 2020
  aluka47 Author

  Yes, when exporting to HTML, you can run the slider without installing Wordpress
  This demo is a static html page
  http://dev.abydx.com/bai/
• 
  Jul 29, 2020
  Nara1 Purchased

  I bought the plugin it found out that the HTML won't work without the plugin installed.
  What's wrong ??
• 
  Jul 29, 2020
  Nara1 Purchased

  Here is the URL tested. I tried both shortcode and HTML. The plugin is deactivated now for you to check.
• 
  Jul 30, 2020
  Nara1 Purchased

  https://www.zoomcamera.net/my-account-test-ba-plus/
• 
  Jul 30, 2020
  aluka47 Author

  Hi Nara1,
  If you deactivated the plugin, you must include the "ba-plus.min.css" file to header.php file
  <link rel="stylesheet" href="https://www.zoomcamera.net/wp-content/plugins/ba-plus-before-after-image-slider/css/ba-plus.min.css">
  
  And include the "ba-plus.min.js" file to footer.php file
  <script src="https://www.zoomcamera.net/wp-content/plugins/ba-plus-before-after-image-slider/js/ba-plus.min.js">
  
  
• 
  Jul 30, 2020
  Nara1 Purchased

  But do i still need to have the plugin installed ? What if in the future i remove the plugin, will all my slides broken ?
• 
  Jul 30, 2020
  aluka47 Author

  You can upload the file "ba-plus.min.css" and the file "ba-plus.min.js" to another location
  Eg:
  https://www.zoomcamera.net/ba-plus.min.css
  https://www.zoomcamera.net/ba-plus.min.js
  Then you can remove the plugin safely.

• 
  Jun 23, 2020
  wazmac Purchased

  Hi,
  
  I recently purchased BA Plus, and it works very well.
  
  One question though - Is there a trick to getting the slider to align in the centre of the page in Wordpress > Twenty Seventeen theme?
  
  Even though I have aligned it in the centre of the page (and the page source shows text-align: center it still aligns left?
  
  Any ideas?
  
  Thanks,
  Warren
• 
  Jun 23, 2020
  wazmac Purchased

  I have fudged it for now by embedding the slider in a single cell table, the same size as the slider (500px), and centring the table.
• 
  Jun 23, 2020
  aluka47 Author

  I'm glad that issue is resolved, I will update the alignment feature in the next version.
• 
  Jun 23, 2020
  aluka47 Author

  Hi, I updated the alignment feature.

• 
  Jun 12, 2020
  jadenkarim

  Hello, love this plugin, it's the one I was looking for! but I got only one issue with this, the images are showing perfectly in the slider preview area but after adding the shortcode in the page the image size is showing in the square ratio, very zoomed and blurry image, even I try the full-width checkbox but still it's not showing the same dimensions as the image in the page preview but only in the slider preview. I attached the screenshots below for your ref. please help!!! thank you!
  
  https://ibb.co/pLHhCk0
  https://ibb.co/d50qjcf
  https://ibb.co/svX0hrm
• 
  Jun 12, 2020
  aluka47 Author

  If the shortcode doesn't work inside your theme, the problem might actually be in your theme itself.
  Could you please send me the url to your slider? I'll check it out.
• 
  Jun 12, 2020
  jadenkarim

  thanks for your quick response!
  here's the link of the page https://visionmill.net/services/ the slider is added at the end of the page!
  I hope you can help, looking forward to your reply! thank you
• 
  Jun 12, 2020
  aluka47 Author

  I checked it, my plugin cannot retrieve your images with full size, this is the reason for blurry image, I think my plugin conflicts with your theme or other existing plugins.
  You can try deactivate all other plugins or change current theme, if you still got the error then please send your admin panel url + username + password to https://www.codester.com/messages/?user=aluka47 , I'll check it out.

• 
  May 30, 2020
  liquid Purchased

  Hi Aluka. Slider is working well. I have a problem on the website that I have never had before. It doesn't show up in page speed tests. My ISP and the web host have been unable to duplicate it. But the first time a person goes to the site, the page takes a very long time to arrive. 22 seconds. After that, the pages come in under 3 seconds.
  
  Is there anything during an initial load of a site, from your code, that might contribute to a one-time delay? Would you have any other tips or pointers? It's at https://liquidvisual.ca/demo/
• 
  May 30, 2020
  liquid Purchased

  My current suspect is plugin Gutenberg Blocks – Ultimate Addons for Gutenberg, about which some users say:
  
  » Versatile plugin but it loads a LOT of JS even if the blocks are not used ...
  
  and there is some discussion about "Does this plugin slow down your site".
  
  I was using only one of the plugins in that package, Posts Timeline.
  
  But my "View Source" pages are full of new code when even just that one plugin in the package is enabled.
  
  https://wordpress.org/support/topic/not-recommended-for-truly-performance-oriented-users/
  
  It has been hard to track down the problem, as it only occurs as one arrives at the website, not during subsequent page calls.
• 
  May 31, 2020
  aluka47 Author

  I think this problem is from your server, it takes 2.71 seconds to load your page in my country, there may be some slow PHP scripts from your theme , you should use a cache plugin to load faster.
  https://i.imgur.com/kEsd7XO.png
• 
  May 31, 2020
  liquid Purchased

  thanks. I am starting site all over. initial page took 28 seconds to load this morning, even with Gutenburg blocks disabled.
  
  No one should take this thread as a concern about BA Slider!

• 
  May 30, 2020
  bernierainerguy

  Hi, i seem to be missing something, is there any documentation as i'm trialling the plugin and used the shortcode and it correctly displays the two images with the slider but the slider doesn't move. I can see the PHP code but dont know where/if i should put this?
• View 2 more replies
• 
  May 31, 2020
  aluka47 Author

  PHP code is optional (put in PHP file), If the shortcode doesn't work inside your theme, the problem might actually be in your theme itself.
  Could you please send me the url to your slider? I'll check it out.
• 
  May 31, 2020
  bernierainerguy

  Hi, thank you, its a test site here https://thurlowdentalcare.co.uk/wp/whitening/
• 
  May 31, 2020
  bernierainerguy

  hi, ive changed theme and its now working.
• 
  May 31, 2020
  bernierainerguy

  what an excellent slider, love it
• 
  May 31, 2020
  aluka47 Author

  I'm glad that issue is resolved

• 
  May 21, 2020
  brighterimagelab Purchased

  Is there any way to have the code output the actual alt tag of the image from the WordPress media instead of outputting the label text as the alt tag?
• 
  May 22, 2020
  aluka47 Author

  Hi, I have updated the new version, you can use alt tag from WordPress media or use label as alt tag for image.
• 
  May 22, 2020
  brighterimagelab Purchased

  Thank you so much! That did it!
• 
  May 23, 2020
  aluka47 Author

  Glad to hear that!

• 
  May 7, 2020
  liquid Purchased

  Hi. I am extremely pleased with plugin, trying to decide between your two licenses.
  
  All is going well, unless I add links to images using the plugin "Gallery Custom Links". Then the overflow.hidden doesn't work on the images any more. They shrink to stay inside the wipe.
  
  Can you advise on css or other mod to keep your excellent plugin working while using Gallery Custom Links to add links to the images?
  
  So far, your plugin is excellent except for being able to add images that have links added using Gallery Custom Links. The links are important to how we want to use Before And After Image Slider.
• View 23 more replies
• 
  May 7, 2020
  liquid Purchased

  using the plugin on a pro bono site at https://wp.liquidvisual.ca/
  
• 
  May 7, 2020
  liquid Purchased

  Adding code to allow adding links to images within Before And After Image Slider would also work, but may be more involved.
• 
  May 7, 2020
  aluka47 Author

  Hi liquid,
  You can insert CSS below to fix it (#s201_slides-1-1 is the ID of your slider)
  
  <style>
  #s201_slides-1-1 .s201_holder > a > img {max-width:100%; display:block; align-self:center; -webkit-align-self:center;}
  #s201_slides-1-1 .s201_overlay_img > a > img {max-width:none!important; display:block; align-self:center; -webkit-align-self:center; pointer-events:none;}
  #s201_slides-1-1 .s201_full_width .s201_holder > a > img {width:100%;}
  </style>
• 
  May 7, 2020
  liquid Purchased

  Works perfectly. First time. NO BS! Thank you. I have purchased the extended license. (I already raved about it on FB yesterday, will do so again, now including the service.)
  
  However, now the images do not shrink when the window shrinks, so they are far too big on small screens.
  
  Is there a way to do the CSS once for ALL instances of the slider, rather than by ID?
• 
  May 7, 2020
  liquid Purchased

  By "window shrinks" I mean the browser window. The images stay the same size when the browser window is reduced in size. Everything is responsive except the revealed images.
• 
  May 7, 2020
  aluka47 Author

  You need to insert the Javascript code below to fix the images do not shrink (in the footer.php file, before </body> tag)
  
  https://pastebin.com/raw/QMsDWHDH
  
  And remove #s201_slides-1-1 to apply for ALL instances of the slider
  
  <style>
  .s201_holder > a > img {max-width:100%; display:block; align-self:center; -webkit-align-self:center;}
  .s201_overlay_img > a > img {max-width:none!important; display:block; align-self:center; -webkit-align-self:center; pointer-events:none;}
  .s201_full_width .s201_holder > a > img {width:100%;}
  </style>
  
  Thank you for your purchase!
• 
  May 7, 2020
  liquid Purchased

  This also worked perfectly and immediately. You could make your plugin available as a twentytwenty page template. You can see I'm trying to build the php shortcode into the Cover Template, so I can use the existing Cover Template page and header css. If I knew as much as you, I'd build and sell a Slider Template that puts a slider where the Featured Image goes in the Cover Template. Or maybe just a function or something that uses a custom field to store the php or shortcode, so the split view can change on each page. If it could flex with the window size, the way the twentytwenty cover template image does now, and have the same elements over it...you would have something to sell. Meanwhile, making the vertical size of the slider the same as the window size, and having the entry-header appear, with it's little downpointing arrow, as it does above the bottom of the screen on the Cover Template, is way beyond me. Maybe next week. THANK YOU for your helpfully quick help and solid solutions.
• 
  May 7, 2020
  aluka47 Author

  Yes, it’s indeed a nice idea! I will think about it. Thank you!
• 
  May 8, 2020
  liquid Purchased

  Your plug in is more and more exciting every day. I found I could add a custom field to a page, to enter the slider ID for that page, and then add the slider OUTSIDE THE LOOP in the header with: (I hope it makes sense. I'm a newby to php!)
  
  <?php
  global $wp_query;
  $postid = $wp_query->post->ID;
  $ba_slider = get_post_meta($postid, 'baslider', true);
  if( function_exists('s201_bai_slider' ) s201_bai_slider($ba_slider);
  wp_reset_query();
  ?>
  
  because you have provided css and javascript, I can add a custom slider to each header, and have each image act as a link! It is really exciting.
  
  Now to figure out how to make the sliders responsive, like the Twenty Twenty Cover Template handles tha page's featured image.
  
  Thank you so much!
• 
  May 8, 2020
  aluka47 Author

  Good for you! I have updated the new version of this plugin, it is compatible with Gallery Custom Links plugin, you won't need css and javascript yesterday.
• 
  May 8, 2020
  liquid Purchased

  WAY TO GO!!!!! A pleasure to deal with you. I am still working on cover-content to try to integrate the slider with the Cover Page layout. Functionally all is fine, except that the php needs a conditional statement in case values are missing. If I can get it to respond like the featured image in the Cover Template, and the slider be conditional in that space if it is specified in the pages custom field, else use featured image, but keep layout regardless, it will be heaven.
• 
  May 8, 2020
  aluka47 Author

  Maybe you want use featured image if baslider not exist?
  
  $ba_slider = get_post_meta($postid, 'baslider', true);
  if($ba_slider) s201_bai_slider($ba_slider);
  else {
  // use featured image or blank space
  }
  
  I don't really understand what you mean.
• 
  May 8, 2020
  liquid Purchased

  That code is also helpful. I want to contain the BASlider in the space used by the Featured image in the Cover Template for Twenty Twenty. I want the slider, as a unit, to behave like the featured image appears to behave when using the Cover Template. If there is no Slider for the page, I want to display the featured image, as the Cover Template works right now. So that code will work. Maybe the CSS is where the work needs to be done. I will continue to explore.
• 
  May 9, 2020
  liquid Purchased

  I put this within the color-cover-overlay div in a new Cover Template file called "content-cover" and the slider then follows the responsive layout for the twenty-twenty theme! I have template-cover in my subtheme "templates" folder, with no changes, and "content-cover" copied into my subtheme's "template-parts" directory, adding only the following code to the "cover-color-overlay" div of that file:
  
  <?php
  global $wp_query;
  $ba_slider = "";
  $postid = $wp_query->post->ID;
  $ba_slider = get_post_meta($postid, 'baslider', true);
  if( function_exists('s201_bai_slider' && $ba_slider > 0) s201_bai_slider($ba_slider);
  wp_reset_query();
  ?>
  
  It's not quite right to use $ba_slider > 0 as a condition, but I didn't know how to set it up so it returns nothing if there is nothing in the "baslider" custom field.
• 
  May 9, 2020
  liquid Purchased

  Also moved the demo to https://liquidvisual.ca/demo/
• 
  May 9, 2020
  aluka47 Author

  I downloaded TwentyTwenty theme version 1.2 and modified content-cover.php file based on your description
  https://pastebin.com/LzY5uYJk
  This paste will be deleted after 1 day
  You are free to use it for your project under the terms of the GNU General Public License.
  
  Good luck!
• 
  May 11, 2020
  liquid Purchased

  this shows you where I put the code to use a custom field named baslider on the page, that has 0 for no slider, or 1, 2, or n for an existing slider number. I still need to 1) separate it from the Cover Template featured image opacity css and 2) add your method of making it conditional. Link will go in a week: https://pastebin.com/QxNQeRGB
  
  
  https://pastebin.com/QxNQeRGB
• 
  May 11, 2020
  aluka47 Author

  Have you tried the content-cover.php file I uploaded above? I think it will solve your problem.
• 
  May 11, 2020
  liquid Purchased

  Yes. A slider image showed below the slider images when the browser window had a vertical aspect ratio, so I haven't adopted that yet. It works perfectly as I have it, except that the bottom part of the Cover Template overlay div does not shrink to fit the slider. It stays at the size of the window. Perhaps the trick is to use a patterned featured image on this page, to take up the space under the slider when the aspect ratio is vertical. Or maybe we have to use very tall images, and sacrifice the bottom of each when the viewport is horizontal. Still thinking, lol!
• 
  May 11, 2020
  aluka47 Author

  You can set the cover-header and the slider with a fixed height on vertical (220px)
  https://pastebin.com/Mg1Siumh
• 
  May 14, 2020
  liquid Purchased

  sorry. i didn;'t get that last pastebin. COULD YOU PLEASE repost it? BTW, HTML validator is giving me
  
  "Error: Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)
  
  From line 242, column 1; to line 242, column 23
  
  &quot;}">↩<style type="text/css">#s201_"
• 
  May 14, 2020
  liquid Purchased

  that's on https://liquidvisual.ca/demo/fourth-stage
• 
  May 15, 2020
  aluka47 Author

  content-cover.php
  https://pastebin.com/0MwLX1SE
  
  You should not care about w3c validation. Inline styles have recently become a best practice for performance because browsers can render the page progressively.
  
  https://wordpress.org/support/topic/errors-with-css-w3c-validator/
• 
  May 15, 2020
  liquid Purchased

  Thank you. I don't thing the problem is that there is inline code. I think the problem is how it's done. But let me check out your newer version, that message may be irrelevant.
• 
  May 19, 2020
  liquid Purchased

  I checked the latest verson of content-cover.php. It displayed an existing slider fine, but when I reduced the browser window size and made it vertical, the right hand image appeared again below the two images in the slider, as if sliding out from under them.
  
  My version is working just fine. I will sort out the visibility issues with the cover template overlay and it will be perfect. Thank you!
• 
  May 19, 2020
  liquid Purchased

  Now setting Cover overlay opacity to 90% (max) and using
  
  .opacity-90 {
  opacity: 1!important;
  }
  .has-post-thumbnail .opacity-90 {
  opacity: 0!important;
  }
  
  to make siders visible if there is no featured image on a page using the cover template.

• 
  May 7, 2020
  vogtro

  Hi I just downloaded the plug-in and tried to put two images in a slider. They look fine in the preview/shortcode generator but as soon as I put the shortcode and preview the post it is blurry. Am I doing something wrong?
• View 10 more replies
• 
  May 7, 2020
  aluka47 Author

  Hi vogtro,
  Could you please send me the url to your slider? I'll check it out.
• 
  May 7, 2020
  vogtro

  https://oxbowphoto.com/1903-2/
• 
  May 7, 2020
  vogtro

  I just uploaded the slider and the original image following it.
• 
  May 7, 2020
  aluka47 Author

  When I opened 2 images on 2 browser tabs, I found the second image was blurry than the first one, in the preview it looks fine because the image size is smaller than the actual size of the image in the post (it reduces blurriness of the actual image, you can check it on mobile devices).
• 
  May 7, 2020
  vogtro

  I'm still having problems with the clarity dropping. Here's another image, and I posted the two images used in the slider after it. https://oxbowphoto.com/1903-2/
• 
  May 7, 2020
  aluka47 Author

  I think your original image is blurred, you should use large size image for slider.
• 
  May 7, 2020
  vogtro

  Hi thanks for the quick reply. Unfortunately, that doesn't seem to be the issue. Here's another one with a full size jpeg. The first two are the actual files from the media library I used: https://oxbowphoto.com/1903-2/
• 
  May 7, 2020
  aluka47 Author

  I re-checked it on my screen, the images in your slider is not blurred anymore.
• 
  May 7, 2020
  vogtro

  https://paste.pics/c45302e6144cc9b3e2c709f3e7698752
• 
  May 7, 2020
  aluka47 Author

  The image above uses the srcset attribute, which loads an image larger than the image in the slider
  In my monitor, the width of the image above is 768px
  https://i0.wp.com/oxbowphoto.com/wp-content/uploads/2020/05/DSC_5420-2.jpg?resize=768%2C512&ssl=1
  
  The width of the image in the slider is 636px
  https://i0.wp.com/oxbowphoto.com/wp-content/uploads/2020/05/DSC_5420-2.jpg?w=636&ssl=1
  
  That's why the image in the slider is blurry.
• 
  May 7, 2020
  vogtro

  So it sounds like the plug-in is using a thumbnail instead of the full size image. can this be changed in the text editor?
• 
  May 7, 2020
  aluka47 Author

  My plugin can not change image size. Maybe your website has a default image size setting of 636px, you need to modify it in your site settings.
• 
  May 8, 2020
  aluka47 Author

  I found the cause, Jetpack plugin has a auto-resizing feature, I added srcset attribute to the images to fix it, you can check it by downloading the new (FREE) version here:
  https://wordpress.org/plugins/ba-plus-before-after-image-slider-free/
  Sorry for the inconvenience.

• 
  May 5, 2020
  Jasper1 Purchased

  I got my preview slider to show the way I like, but when I apply the shortcode, html, or PHP code, I just get the before image duplicated and stacked on top of the After image
• 
  May 5, 2020
  aluka47 Author

  Hi Jasper1,
  Could you please send me the url to your slider?

• 
  Apr 14, 2020
  gevcen

  One more thing, just for your information. Before trying your plugin, I thought your plugin was a malware plugin or something like this. Simply because the author name shows _______ which is very uncommon for a plugin. So I didn't install it at the beginning, until I found it's awesome So I'd advise you putting a real name there, more people would install it
• 
  Apr 14, 2020
  gevcen

  https://gevcen.tinytake.com/tt/NDIxMjE2NF8xMzEzMTMzOQ
• 
  Apr 15, 2020
  aluka47 Author

  You are right, I updated the author name.