This is awesome, I've been developing these Swiper JS carousles a lot lately in Elementor using custom code and queries etc. This will make it way easier without diving into code
This look great, thanks for the easy to understand tutorial. So essentially I can use this as a blog carousel, that I would place under posts for navigation?
@@websquadron Final point, appreciate very much your time... for lack of a better term, "loop" is just another word for carousel, in terms of mechanism of action, right? "endless loop" "closed loop" etc....sometimes I get stumped by over-analyzing the terminology. Maybe I'm missing something, in understanding"loop"
Another fantastic video. So my queston is after you have the template set for this carousel loop can i reuse this same carousel by copying and pasting to another page and adjusting only the query settings? My use case is I have a site with 4 categories of Animals and each need their own query for carousel that pulls only their posts. I don''t need to actually create another template for the carousel if I all i want to do is change the category? Of course if I want any costmetic or layout change I understand I'd need to create another template for that but in my case they would all look the same with the same dynamic elements. Thanks!
Hi, thanks a lot for this video, help a lot. I have an other question for you, can you tell me how you can film your screen AND have your face at the same time ? It's for a other project, it can help a lot. Thank you so much. Nice day, Céline (from France)
hey! Amazing video, thank you for the shared knowledge! However my posts' titles simply disappear whenever the carousel starts to scroll and they only reappear when I hover over them. Same applies for mobile. Any idea perhaps?
Hi, I've done a loop carousel for a custom post type (they're banners) and these custom posts have a custom link field where I put the URL of the page where I want to send the user. The button I've inserted in the loop template doesn't work, it's like it doesn't get the link since if I go over this button with the pointer, it shows me the "text editor pointer" and not the "hand" pointer as it should do. How can I fix this issue? Thanks
Great video, hello sir, can we use the Loop in the Tabs? Whenever you click the tab #1 pulled out below and then in the tab #2 another post category pulled out? Can we make that possible?
@@websquadron Thank you for the prompt feedback. Yes, we also thought that we should just select products instead of posts. Unfortunately, only the same product is then always displayed in the carousel. Do you have an idea what that could be?
This is good news! I tried it for products after watching your video. Everything works fine in the editor, but only 1 product is showing on the front end. I don't know what could cause it. I understand it's in the beta phase and used to be used with caution. Can you check it from POSTS to PRODUCTS and view the frontend to see how it works?
I found that when using loop grid for products in a static page (not an archive) the AJAX function those not work and the page refreshes. Do you know a code snippet that solves that?
For some reason even when I already configured the mobile version to display one slider only, it does show 3 same as PC, I don't know if you also experience that or it is a bug, thanks for the content man appreciate it.
I am excited to add this feature to my website but when I clicked "create a template" and save it, nothing show. It's totally blank. Anyone has this problem too?
Good Video , I come up with a problem. I want to show the loop navigations on top left of columns with customs icons , how can i get the code of the navigation to putt in html section unders script tag and use ids or classes in icons. thankss
i have applied three columns in loop widget settings ... it is showing as it is in elementor editor but in columns are overlapping (appearing on each other)
Good question. Might need to add a code snippets that removes items from being displayed in Woo - like… stackoverflow.com/questions/66416092/hide-out-of-stock-woocommerce-products-only-on-a-widget-with-elementor
@@websquadron my question it's another one: I create the loop carousel, make a new template as at 1:36 and then, when you save it a 4:11 you'll have other widgets near the one that you created. In my case doesn't happen! I save and I have just one and I can't figure out how to add others to the side!
I seem to be having an issue with the equal height thing. So annoying it won't make all my products the same height when I put the loop grid onto certain pages
@@websquadron I have just tried that now and still nothing. All my pics are already uploaded using the exact same size anyway. It's the title that is varying for each item and making the different heights, but u would think the equal height feature would compensate and make the area around them all the same 🤣
Yeah, this isn't working for me either, actually getting the right number of products appearing within a tab seems to be beynd it's capabilities at the moment...
i write my own shortcodes for this type of things finally they started to add useful stuff :) this elementor cloud made them realise elementor don't have sht and they are almost nothing without addons... funny ey... hehe
How can we Shorten or Restrict characters post excerpt length on im here? couse in this widget its all built in, and the custom CSS you gave in this video (th-cam.com/video/8C7vlRumhOw/w-d-xo.html) actually breaks the hole thing beacouse we have no just text css. Thanks for your videos!
![เปิดใจ "อาจารย์เบียร์ คนตื่นธรรม" อดีตเคยสุดทุกทาง ถ้าใช้หนี้หมดไปบวชแน่ l [Nickynachat]](http://i.ytimg.com/vi/IxeE0xVhy08/mqdefault.jpg)
This is awesome, I've been developing these Swiper JS carousles a lot lately in Elementor using custom code and queries etc. This will make it way easier without diving into code
you solved in 5 minutes what I took hours,. Thnak you so much
Very timely as always. I built a carousel for a client which turned out to be a pain. This will fix everything
.
Thanks, mate.
Brilliant! Thanks for taking the time to explain this option.
This look great, thanks for the easy to understand tutorial. So essentially I can use this as a blog carousel, that I would place under posts for navigation?
Indeed.
@@websquadron Would I be also able to, for example, replace the media carousel widget with the loop carousel and would it be advantageous in any way?
@@borisnieminen677 Yes as you could define whatever style you want.
@@websquadron Final point, appreciate very much your time... for lack of a better term, "loop" is just another word for carousel, in terms of mechanism of action, right? "endless loop" "closed loop" etc....sometimes I get stumped by over-analyzing the terminology. Maybe I'm missing something, in understanding"loop"
Another fantastic video. So my queston is after you have the template set for this carousel loop can i reuse this same carousel by copying and pasting to another page and adjusting only the query settings?
My use case is I have a site with 4 categories of Animals and each need their own query for carousel that pulls only their posts. I don''t need to actually create another template for the carousel if I all i want to do is change the category?
Of course if I want any costmetic or layout change I understand I'd need to create another template for that but in my case they would all look the same with the same dynamic elements.
Thanks!
Yes, you could - just be aware of the contents.
@@websquadron Very much appreciated :)
Thank you so so much!!
Great Video, thank you!
i am on 3.11.2 and pro version 3.11.3 with all the features enabled but still loop carousel is NOT available
thanks, but! How can I convert a horizontal Elementor posts carousel loop to a vertical carousel loop using coding?
Hi, thanks a lot for this video, help a lot.
I have an other question for you, can you tell me how you can film your screen AND have your face at the same time ?
It's for a other project, it can help a lot. Thank you so much. Nice day, Céline (from France)
Hey Celine.
See this :) th-cam.com/video/xThTFFGGls0/w-d-xo.html
hey!
Amazing video, thank you for the shared knowledge! However my posts' titles simply disappear whenever the carousel starts to scroll and they only reappear when I hover over them. Same applies for mobile. Any idea perhaps?
Have you got any links on the parent template container
Hi, I've done a loop carousel for a custom post type (they're banners) and these custom posts have a custom link field where I put the URL of the page where I want to send the user.
The button I've inserted in the loop template doesn't work, it's like it doesn't get the link since if I go over this button with the pointer, it shows me the "text editor pointer" and not the "hand" pointer as it should do.
How can I fix this issue?
Thanks
Great! Is it necessary to activate the flex box container mode to use this function?
Yup. It's safe to use
Great video, hello sir, can we use the Loop in the Tabs? Whenever you click the tab #1 pulled out below and then in the tab #2 another post category pulled out? Can we make that possible?
Yes, you could add another loop grid inside, or just drop the posts widget inside and use the query to restrict it.
With this design, the new post will automatically shows here in this slides of image?
Yes :)
Did you also make a video on how to build a WooCommerce product carousel with it?
Can’t recall but you just have to select products instead of posts
@@websquadron Thank you for the prompt feedback. Yes, we also thought that we should just select products instead of posts. Unfortunately, only the same product is then always displayed in the carousel. Do you have an idea what that could be?
This is good news! I tried it for products after watching your video. Everything works fine in the editor, but only 1 product is showing on the front end. I don't know what could cause it. I understand it's in the beta phase and used to be used with caution. Can you check it from POSTS to PRODUCTS and view the frontend to see how it works?
I'll check
Hey - I went in and it looked fine to me. Did you change the image to be the product image and change the Post title to be the Product title?
@@websquadron thanks for checking. I regenerated the CSS in Elementor Settings and everything is working just fine now. Thank you.
@@Claudius.a Phew!
Everything looks great on the Elementor backend but when viewing it in the browser it's broken. Any ideas?
Could be optimisation, css, etc
I found that when using loop grid for products in a static page (not an archive) the AJAX function those not work and the page refreshes. Do you know a code snippet that solves that?
I'll have to check
For some reason even when I already configured the mobile version to display one slider only, it does show 3 same as PC, I don't know if you also experience that or it is a bug, thanks for the content man appreciate it.
Hope you get that sorted.
I am excited to add this feature to my website but when I clicked "create a template" and save it, nothing show. It's totally blank. Anyone has this problem too?
That does sound odd
The same here. It doesn´t working
totaloy agree. is a big step :)
Good Video , I come up with a problem. I want to show the loop navigations on top left of columns with customs icons , how can i get the code of the navigation to putt in html section unders script tag and use ids or classes in icons. thankss
It's now built in to the Carousel to rearrange the Prev and Next icons.
@@websquadron thanks got it
You got a new subscribe
Awesome :)
So awesome! having issues doing this with products........
Same
Hi - I need the button to go to a particular page (not Post URL) so each loop post needs to go to a different page. Is this Possible?
You'll need to add a Custom Field that contains the URL.
And then use that as the source for the Link Fields.
how do I make so that the entire image is a link?
i have applied three columns in loop widget settings ... it is showing as it is in elementor editor but in columns are overlapping (appearing on each other)
What widths have you set
In my case the card content for instance the read more button ) is not clickable but only moves the slider. Bug? Do u know a work around?
Have you added a url to the link?
@@websquadron yes. Turned out this bug only appears using chrome every where else its fine
Hello, is there a way for the grid not to display out of stock products?
Good question.
Might need to add a code snippets that removes items from being displayed in Woo - like…
stackoverflow.com/questions/66416092/hide-out-of-stock-woocommerce-products-only-on-a-widget-with-elementor
Cant understand: after that you made up the template (just a singe widget) some more others appears. How you made that?
Thanks
It loops and returns the others.
@@websquadron my question it's another one: I create the loop carousel, make a new template as at 1:36 and then, when you save it a 4:11 you'll have other widgets near the one that you created. In my case doesn't happen! I save and I have just one and I can't figure out how to add others to the side!
@@websquadron My question is how do I add more posts to the carousel?
My loop carousel, has a huge gap of space above it, how do i remove this?
Edit the template and check for margins and padding
is there way to do multiple rows in one slide with this carousel loop?
Yes if you create it as a template with the items stacked. Then add the shortcode.
@@websquadron but it's duplicating the post. How to avoid it?
building in a page? or in a post?
In a page
I seem to be having an issue with the equal height thing. So annoying it won't make all my products the same height when I put the loop grid onto certain pages
Haver you set your image height and then used Cover?
@@websquadron I have just tried that now and still nothing. All my pics are already uploaded using the exact same size anyway. It's the title that is varying for each item and making the different heights, but u would think the equal height feature would compensate and make the area around them all the same 🤣
@@Melissa_Lawrence Email me info@websquadron.co.uk with admin access :) And tell me which page it is. Do it now. NOW! DO IT!!!!!
@@websquadron lol, ok, one moment Mr. bossy lmao 🤣
Yeah, this isn't working for me either, actually getting the right number of products appearing within a tab seems to be beynd it's capabilities at the moment...
Danke!
Give it another few releases, this feature is as buggy as hell....
Sure is, my carousel keeps disappearing when I am editing & even the Navigator wont open to find it>>>>
I am having issues with this carousel, it's padding is uneven
Have you checked the template inside and the contents?
Yes sir
very cool
Hi, do you know how to add a snippet of the text of the post with post contect block?
Sorry I didn't understand the question.
@@websquadron i think i already found it. Excerpt widget will do
Can you do different category posts?
Yes, but only as separate carousels by using the query option.
Merci ! you are awsome !
what’s the name of plugin?
Elementor Pro.
🔥🔥
good
i write my own shortcodes for this type of things
finally they started to add useful stuff :)
this elementor cloud made them realise elementor don't have sht and they are almost nothing without addons... funny ey... hehe
How can we Shorten or Restrict characters post excerpt length on im here? couse in this widget its all built in, and the custom CSS you gave in this video (th-cam.com/video/8C7vlRumhOw/w-d-xo.html) actually breaks the hole thing beacouse we have no just text css.
Thanks for your videos!
Difficult to solve without seeing exactly what you have in terms of structure
my ears ringing