32 comments found.
Hi, I’d have two question hope yo can help. 1.- Slider appear only by second or sometimes third time load the page. Do you have and idea?
2.- I’d like to turn off slider on screen below 800px. I’m using the following code which doesn’t wok:
@media only screen and (max-width: 800px) { .thumbnail-4 { display: none; !important; } }
What is the drive of sz-szlider with thumbnail-4 template?
Anyway the stuff is cool, I just need help to solve this.
Thanks in advance!
Thank your for purchasing it. Extremely sorry for late reply due to some health issues. Kindly provide us a live preview or link of your site where you are using it.
Great and beautiful designs. Nice work .. Good Luch with Sale 
Thank you very much for your kind words.
Hi szthemes. Great work on this product!
Small issue: When I set data-animation=”fade” and use a high duration like data-duration=”2500” or higher, the transition is not smooth between both slides. The fade kinda jumps at the end of the transition.
Maybe the old slide is hidden too fast or the opacity of the new slide kicks in too soon.
Is there anyway to fix the fade to make the transition smooth between slides? I tried different data-timings, but it doesn’t solve it.
Thank you very much in advance.
Hi,
Thanks for using our product. Please follow the instructions:
1 – If you want to slide cycle move automatically then assign data-intervals=”yes” attribute.
2 – Now assign “each slide” an attribute data-item-interval=”” and also assign a value in milliseconds like data-item-interval=”2000”.
3 – The value of data-item-interval =”” attribute must be higher thandata-duration=”” attribute value.
4 – For more details please read the documentation section “Slides Interval” & “Animating Elements”.
Please do not hesitate if you have any further queries.
Regards,
szthemes
szthemes1@gmail.com
Hi,
thanks for the quick response. I have already assigned it like that.
- data-duration=”2500” on the main slider div
- data-item-interval=”12000” on each slide div
The slider is technically working perfectly.
It’s just that the transition is not smooth at the end when using data-animation=”fade”. The fade animation is cut off at the end of the transition and it immediately jumps to full opacity on the next slide. It may only be a couple of ms, but it doesn’t look / feel smooth.
I tried it in Chrome, Firefox, Safari and Edge.
You can see it happening in your live preview example here: https://previews.customer.envatousercontent.com/files/295297586/simple-ver-8/simple-ver-8.htmlTry increasing the data-duration. It will make it effect more obvious.
I think the previous slide is hidden too soon or the next slide is set to opacity=”1” before the transition is completed. But I’m just speculating on that.
Thank you very much!
Hi,
Thank you very much for your rating. After some research we finally found the solution. Please follow the instructions:
1 – Open CSS file of that particular template which you are using for example “simple-ver-8.css”.
2 – Now at the end of this CSS file please add the following lines of code:
.sz-slider[data-type=slider][data-animation=fade] .carousel-item {
transition-property: opacity;
-webkit-transition-property: opacity;
}
We hope this will solve your issue. Please do not hesitate if you have any further queries.
Regards,
szthemes
szthemes1@gmail.com
Thank you! This works perfectly and makes the transition perfectly smooth. Sorry, for the late reply! Great support.
The slider is taking time to load.( its lazy loading) I m using thumbnail-6. Just using a Single slide. Similarly the Video slide is also taking time to load
Hi,
Thanks for using our product. Can you please provide us a live preview or link of your site where you are using it.
Regards,
szthemes
szthemes1@gmail.com
One more issue is that if we specify the font-size the element is not displayed. for eg) in the second link I shared for the Banner if we specify font size then the text is not displayed
I have shared 2 Links above . In the First Link Check the Second section below banner . In the second link – The GIF on the Banner is taking time to load. In both cases – its taking time to load
Similarly for the banner elements if we specify font-size:80% , the text element is not displayed.
LINK1 https://www.thuraya.com/service/m2m-iot/index13.php LINK2 https://www.thuraya.com/service/m2m-iot/page_2.phpPlease check it asap as I have a release
Hi,
We have inspected your site and found the following errors:
1 – https://imgur.com/H8qYH2j
2 – You are using multiple jQuery and Bootstrap CSS and JS files without any pattern.
3 – Please embed all CSS files in the “head tag” and js files just before “closing body tag”. For more detail you can also watch this video:
https://www.youtube.com/watch?v=8rXXtwllj6E&list=PLVwbFltmnQtUc7EKJM5kGvLihxwfE-MkI&index=2
Or read the online documentation section “Quick Start”.
After resolving the above issues, we hope that your site will start working properly. But if there is still a problem, you can contact us without any hesitation.
Regards,
szthemes
szthemes1@gmail.com
Hi We are updating an Existing code from a external vendor . Please note that in the same page we have other slides ( from your plugin) for example Multiple items slider, Testimonal sliders ..All are loading quickly
Hi,
Let’s talk about first issue of lazy loading. You are using two plugins in your project:
1 – Paradise Slider – Responsive Bootstrap Carousel Plugin
This plugin does not have any lazy loading functionality.
2 – Advanced Bootstrap Carousel Plugin
This plugin has lazy loading functionality.
Actually Advanced Bootstrap Carousel Plugin loads the sliders after loading whole page content like images, videos, CSS files, JS files, fonts etc. That’s why it shows pre loading screens. Please also read the section “Pre-Loaders” from documentation file.
As well as concern to increase page loading speed then you must reduce the size of your images you can reduce it from the following site:
https://compressjpeg.com/
But if there is still a problem, you can contact us without any hesitation.
Regards,
szthemes
szthemes1@gmail.com
Hi,
We have inspected your site and found the same errors those we have already mentioned in above reply. JQuery is not loading properly. If you only solve this issue then your site will work great.
Actually this plugin set the width, height and other functionality of the sliders after loading whole page content like images, videos, CSS files, JS files, fonts etc. If we remove the pre-loader functionality then sliders will not work. That’s why we can’t remove it.
Regards,
szthemes
szthemes1@gmail.com
Good work !!! GLWS!!!
Thank you very much for your kind words.
IS there a javascript command to reset the height of a multi slider? I want to load it into a div after someone scrolls and I want it to be the right height not the height of the div before scrolling.
Hi,
Thanks for using our product. Can you please explain your issue in details? Also provide us a live preview or link of your site where you are using it.
Regards,
szthemes
szthemes1@gmail.com
Nice Work Congratulations ! and GLWS
Thank you very much for your kind words.
hi, is it possible add circular loader to slider indicators/bullets ?
example: https://codepen.io/MihaiTCode/pen/QqXRrwHi,
Thank you for taking interest. No, you can’t create this.
Regards,
szthemes
szthemes1@gmail.com
I can’t find sz-slider folder
You did not purchase this product from us. But you bought this plugin.
https://codecanyon.net/item/bootstrap-4-carousel-responsive-jquery-plugin/22048590
Regards,
szthemes
szthemes1@gmail.com
Congratulations! Nice Work, GLWS
Thank you very much for your kind words.
