Hi Avro, Great job !! i Made product slider with this technique, but price cant be displayed, any way to bring price and add to cart within post?
@kurtgerjan
3 жыл бұрын
I come here after 1 year and I love you for this tut. Thx for the upgrading:-)
@gededestrawan9997
11 ай бұрын
thanks dude, your help my life, have great day bro 🙌
@franktielemans6624
4 жыл бұрын
YES!!! THANK YOU VERY MUCH!
@user-rasd8x
4 жыл бұрын
Avro, thank you very much! Ur lessons 👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻
@joaoclaudiod.carvalho2689
3 жыл бұрын
Thank you for your help! Very good video ....
@sushavanchakraborty6293
2 жыл бұрын
very nice..This guy knows how to use js.
@RaulGarcia-tg9xv
3 жыл бұрын
great ...greetings from CUBA
@sinagun6133
3 жыл бұрын
good job man
@charlesyamut1909
Жыл бұрын
The pagination and navigation arrows appear in the heading, images, title, etc. or each blog post. Please help.
@Faad11992
2 жыл бұрын
Hi I added this for my product slider in homepage, but there is a slight delay in the beginning, My horizontal slider shows in the vertical form in the beginning, After I scrolling all the way down the site comes back to Horizontal Scroll Slider,
@ryanadikara6354
3 жыл бұрын
waiting for more tutorial like this bro
@ilhammohomed951
3 жыл бұрын
Alignments are bit off when i did this. Does anyone have any fix ?
@dragonflyguy4987
2 жыл бұрын
Avro thanks for this, with Elementor Improved Asset loading feature turned on this no longer works, could you please update?
@sudipdey1889
2 жыл бұрын
There is one issue. On a mobile screen, every time a slide appears leaves some space on the left side of the scree and eventually the later slides does not even appear completely leaving some good empty spaces on the left. Is there any solution to this?
@PaulTumialan
2 жыл бұрын
If I want a lightbox when click in image, How do it?
@9lives_games
Жыл бұрын
Hi, how to get it work with "Improved Asset Loading"?
@adied7725
4 жыл бұрын
Hi, thankyou for your wonderful videos I watch them all and all so useful. Please could you help in creating vertical and horizontal slider with nested content using Elementor pro or other way please. Swiper slider has this but I don't see if this can be achieved with elementor? Thanks and have a great weekend 😊
@denismiglierini9407
2 жыл бұрын
Hello @Avro, amazing video, It works in backend editor of Elementor, but on live preview doesnt, do you know where can be the problem ?
@emajohnson6303
3 жыл бұрын
Hey there. Thank you so much for this. It's fantastic. I followed your instructions but it's targeting all the elements that slide, like testimonial slider but not the posts that I set up target. Is there something I have missed?
@avro4741
3 жыл бұрын
i will upload a video soon explaining how we can use it in any post
@emajohnson6303
3 жыл бұрын
@@avro4741 thank you so much for your reply. Much appreciated. My problem is the code from this tutorial is targeting everything (like testimonials), rather than just the post widget. :-D. How do I target just the post widget, as in your video?
@iftekharrahman8100
3 жыл бұрын
Thank you
@franktielemans6624
4 жыл бұрын
I had some problems, but everything works fine now. One strange thing though when you don't want to use the custom CSS & JS plugin. When you add the JS and CSS in an HTML widget, the navigations are added a second time to the HTML widget?! Why is that and is there a way to prevent this?
@avro4741
4 жыл бұрын
insert that HTML widget outside the section. only post widget should be in the section
@franktielemans6624
4 жыл бұрын
@@avro4741 offcourse!
@abdullahijaz1040
4 жыл бұрын
i have set the post slide , it works well, Thanks one issue remaining , the slide showing 4 pagination arrows and 4 dots , why?, it must be 2 arrows and 2 dots
@MindMintWI
2 жыл бұрын
It doesn't work in Elementor 3.5.0
@PS3fans1
3 жыл бұрын
Nice tutorial! Do you know how to add custom fields to show it in a grid? For example price or something like that?
@peteharrison3241
3 жыл бұрын
I think you'll have to use something like Elementor Custom Skin to do that
@daze_music
2 жыл бұрын
Can someone help, I only have 1 slide showing :(
@raviteja99989
3 жыл бұрын
how can we disable that dots in that slider?
@abdullahijaz1040
4 жыл бұрын
how we can make arrows clickable
@markanthonybanong1241
2 жыл бұрын
Is this working in 2022? mine just stop working
@tofanbagusapriyanto5649
2 жыл бұрын
thanks you bro
@avro4741
4 жыл бұрын
If you want to show the arrow outside: replace this line jQuery('.swiper-container').append(''); with this jQuery('.swiper-container').append(''); jQuery('.swiper-container').after(''); and add these css .swiper-button-prev{ left:-100px } .swiper-button-next{ right:-100px }
@franktielemans6624
4 жыл бұрын
Tested and it all works fine, but a few things to keep in mind. You call the swiper.js with var swiper = new Swiper(.swiper-container', { ... this will affect ALL swipers on that page and even on the entire website, because AFIAK the custom CSS & JS plugin runs the JS and CSS on all pages (unless you have the Pro version) To prevent this you have to be more specific and add the post_slider class aswell var swiper = new Swiper(.post_slider .swiper-container', { The same with this: jQuery('.swiper-container').append(''); that should be this: jQuery('.post_slider .swiper-container').append(''); jQuery('.post_slider .swiper-container').after(''); Also in the CSS: not this: .swiper-button-prev{ left:-100px } .swiper-button-next{ right:-100px } but this: .post_slider .swiper-button-prev{ left:-100px } .post_slider .swiper-button-next{ right:-100px } or the arrows will be outside the container on ALL widgets that use swiper.js, such as the media carousel widget, slides widget, testimonial carousel and more,... Anyway, I 'm sure you are aware of this, i just want to point this out for other people who don't know and wonder why some widgets might acted wierd. You need way more views man, this is pure gold.
@abdullahijaz1040
4 жыл бұрын
@@franktielemans6624 thanks
@abdullahijaz1040
4 жыл бұрын
@@franktielemans6624 can you tell us that arrows are not clickable why?
@abdullahijaz1040
4 жыл бұрын
@@franktielemans6624 how we can make arrows clickable
@unseen.afghanistan
3 жыл бұрын
Hey, the arrows applied to everywhere else I used the media slider in the website. How to undo for other sliders on the website?
@AwakeIsHere
3 жыл бұрын
same question
@andrewsymonds9214
2 жыл бұрын
Hi, thank you for the tutorial, but I can't get it to work in the most recent Elementor/WordPress versions. All containers and classes seem unchanged, but doesn't work. Thanks.
@avro4741
2 жыл бұрын
I will take a look and update the tutorial. Thanks
@andrewsymonds9214
2 жыл бұрын
@@avro4741 It seems to be that the "Improved asset loading" needs to be set to Inactive on the Settings - Experiment page, otherwise Swiper JS doesn't load. However now all post are in the a single slide not separate slides for each post. Any ideas what I may have done wrong?
@andrewsymonds9214
2 жыл бұрын
Still unable to get the posts to show on separate slides, they show in one column in one slide. Thanks
@pavankotla8840
3 жыл бұрын
pagination not came properly in my website
@saudpardesi8598
4 жыл бұрын
Hiie i tried with the custom loop post and its not working..Can you tell me how can i achieve for the custom loop post.?
@rodrigoremir8342
3 жыл бұрын
You get fixed this?
@saudpardesi8598
3 жыл бұрын
@@rodrigoremir8342 yes but with plugin..I sm using elementor extras plugin for custom loop slider
@peteharrison3241
3 жыл бұрын
I thought your Slick version was good, but this is better. How do I remove the pagination completely? Many thanks Pete
@peteharrison3241
3 жыл бұрын
Also, it seems to flash all the posts first before displaying the slider. Can this be stopped?
@peteharrison3241
3 жыл бұрын
OK, I just removed the append for the navigation, but I can't stop it showing all the posts in a flash before it starts.
@kenny1394
4 жыл бұрын
Always the best
@milanmatejic7017
2 жыл бұрын
Hey Avro, I followed every step and copy paste your code, but it doesn't slide for me, I make the one slide per row also added the arrows, but it doesn't work. Can you help, please? Also I noticed that you are writing the JS code into Style section for CSS. Is that something that I need to work on. Please help ASAP @avro.
@avro4741
2 жыл бұрын
Can you share the url so that I can check. Thanks
@milanmatejic7017
2 жыл бұрын
@@avro4741 hey Avro, I sent the link but it was deleted. Can you send me your email?
@CINEBOOTH
4 жыл бұрын
been searching for this for weeks. just typed it in now again and suddenly saw it uploaded 22mins ago... let's see if it works
@avro4741
4 жыл бұрын
let me know if it works
@CINEBOOTH
4 жыл бұрын
@@avro4741 it did perfectly thank you very much!!!! very kind of you
@adied7725
3 жыл бұрын
Does this swipe? On mobile
@rehmankureshi
2 жыл бұрын
brother can you made an updated tutorial for this .... alot have changed in elementor and unfortunately its not working :(
@kowaletzki
2 жыл бұрын
It's working fine for me. Are you sure you set the CSS class in the section instead of the widget or the column?
@rehmankureshi
2 жыл бұрын
@@kowaletzki yes bro i did and i also have dom activated as well
@abdullahijaz1040
4 жыл бұрын
hi, can you tell me that how we can embed this code in just specific page ?
@avro4741
4 жыл бұрын
Try using html widget and custom css of elementor
@abdullahijaz1040
4 жыл бұрын
@@avro4741 html widget ? how , can you explain it please
@abdullahijaz1040
4 жыл бұрын
@@avro4741 can you please make a video on it, that how to embed post slide on specific page in elementor
@abdullahijaz1040
4 жыл бұрын
@@avro4741 can you explain it exactly
@user-rasd8x
4 жыл бұрын
++
@credlarmoveis8833
3 жыл бұрын
tried to do this to make a product slider but failed it ó.ò. Have some tips?
@credlarmoveis8833
3 жыл бұрын
i saw that i had to change the div names, but im kinda lost :P
@abdullahijaz1040
4 жыл бұрын
can you tell me where to place outside arrow code? its urgent
@abdullahijaz1040
4 жыл бұрын
how we can set slide to infinite loop?
@abdullahijaz1040
4 жыл бұрын
sorry works well , thanks
@abdullahijaz1040
4 жыл бұрын
how we can make arrows clickable???
@abdullahijaz1040
4 жыл бұрын
how we can remove bullets?
@abdullahijaz1040
4 жыл бұрын
why slider stop when click on arrow left or right ?
@abdullahijaz1040
4 жыл бұрын
??
@unseen.afghanistan
3 жыл бұрын
@@abdullahijaz1040 i am looking for this, but might be because of no looping
@christinekaragianni7265
3 жыл бұрын
Is this working with a loop?
@sushavanchakraborty6293
2 жыл бұрын
Yes, you can add loop: true in that jquery code in the block of initialization of the slider.
Пікірлер: 86