Elementor Loop Grid Tutorial | Post Excerpt, Equal Height - Elementor Pro
HTML-код
- Опубликовано: 25 авг 2024
- In this tutorial, you will learn about the Elementor Loop Grid and how to set the post excerpt and equal heights for your loop.
For those finding it difficult to set the post Excerpt on their loop, or those who don't know how to set blog post excerpt in WordPress, this tutorial is for you
You can check our other videos here:
Elementor LOOP Tutorial: How to DISPLAY a Different PRODUCT Image on HOVER | No Code Required - • Elementor LOOP Tutoria...
Elementor LOOP Tutorial: Post Title Length, Equal Height Trick | CSS TIPS & TRICKS - • Elementor LOOP Tutoria...
Elementor Flexbox Container Tutorial | Rows, Columns, Align Items & Wrap Explained • Elementor Flexbox Cont...
How To Use The New Elementor Mega Menu Widget Tutorial
• How To Use The New Ele...
#Elementor #wordpresstutorial #wordpress #elementorpro
This was the outstanding video i ever watched on loop grid. quite sincerely presented with open heart. More power to you, Thank you so much
Wow, thank you!
Great tutorial. I learned a great deal from this. Thank you
Thank you for such a Lear tutorial! I really gained from your teaching. Mike in the UK
Seu video chegou aqui no Brasil e me ajudou muito!
Excellent tutorial ! Two thumbs up !
Thank you so much for this tutorial
This video is really very helpful.
I was searching for this topic but not got any result but after watching your video my site is complete with this tutorial.
Thank you so much Sir for your valuable knowledge❤❤❤ 🙏🙏🙏🙏
Glad it helped
thank you very much for this video! could you please give me a advise about how to show different product categories by loop grid?
Yes sure i have done tutorial about that you can follow up on our LOOP Tutorial Serie where everything About Loop is explained for you to be able to use LOOP Efficiently
ruclips.net/video/ngTD_xA1r2U/видео.html&pp=gAQBiAQB
as for the sorting product by category check this videos ruclips.net/video/6afFyYD4Qbo/видео.html
and this as well ruclips.net/video/DFiBUgJz3LA/видео.html
hope this helps
hello this responsive for mobilephone ? what for mobile just slide ? sory i cant speak english..
write your question in your language and i will use translator
ITS A GREAT TURTORIAL !!! I DONT FIND THE EXCERT in the post colum
but you where able to get to excerpt to show in you loop right ?
Thank you for the info. Is there any way to align the buttons?
Yes sure you can align the buttons on the button you can click on edit and goto advanced settings under layout you will see the option to align self then you can set it to start center or end i hope this was helpful to you
@@thecreativarena No, I mean..will this align all the buttons on the grid?
When the title of 1 post becomes lengthier, the button alignment is disturbed with respect to other cards in the grid
yes if you toggle the equal height option to on it should make all the post have equal height and as for the button I dont think the length of the post should have any effect on the alignment of the button. how ever if it does then it has to do with the way you styled your loop. you can also put your button in a container if its alignment is some how changed due to post title length
CSS: when the parent container is positioned relatively the buttons can be positioned absolutely using either the lower left or the lower right corner to position from for perfect horizontal alignments no matter how much content is in the rest of the container.
I know this is a very late reply but you can align the buttons by selecting the element above it, going to the advanced tab and under "size" select it to "grow"... this will push the buttons to the bottom of the container...
No tengo la misma vista para editar el post. Yo tengo ociones diferentes, ¿configuraste algo para que el post tenga las opciones de tu contenido actual?
i dont know if i understand what you are asking about correctly but No not at I did not do any special configuration on the loop setting, what exactly is you want to do so i can help
Muchas gracias, excelente trabajo. Te quería preguntar hoy en día con Loop Builder permite colocar productos y hacer un carrusel de estos elelementos con Loop Grid, sin embargo no he podido colocar el efecto de Image Flipping (al poner hover la imagen cambia a la que tienes como galeria de ese producto), si me pudieras ayudar como hacerlo de alguna forma te lo agradecería muchísimo. Un abrazo y sigue asi que ayudas un monton.
This effect you described can be done, but you will need ACF plugin to achieve this dynamically and easily no code required. I can create a tutorial for you to see. However, you need to first know how to use ACF alongside Elementor, here is a video showing you how to use ACF alongside Elementor once you understand this let me know and I can go ahead to make the tutorial.
Thank you
@@thecreativarena Ohhh, fabulous, I would really appreciate it if you could make a video of how it's done. The idea is that the Loop loads with the highlighted image of each product and when you hover the mouse over the image, switch to the image that is in the product gallery. It would be fantastic if you could make a video explaining it (pd. I saw the whole ACF video that is on your channel and I think I understand how the process is carried out). Many thanks in advance for all your support, follow along :)
i have made a tutorial about this i hope it helps ruclips.net/video/gni2znoa7xU/видео.html
I follow the tutorial, btw great tutorial, but I don’t understand once I finish, how can I add the loop? Pls of you can explain it would be very helpfull
in order to the add the loop you have created you just need to go to any where in your website you would like to place it then go to the widget area and search for loop then drag and drop it where you want your loop to be
you going to see an option for you to select template type, make sure it set to post of you want to display post or product if you want to display product go down to choose a template and then search for the name for the template you have created and select it and your loop will display
if you dont the know the name on your wordpress dashboard go to templates under it you will see theme builder select it and it will display then click on loop to see all the loops you have created and thier names
i hope this is helpful if still confuse let me know
Nice but how do you make it display the post categories???
this video will help you filter your posts ruclips.net/video/DFiBUgJz3LA/видео.html
but if you not ok with that i can show you another method
I use pagination use next and number option but when i click next or number this redirect to homepage do you have solution..?
rae you using the latest elementor plugin that issue have been fixed
@@thecreativarena hey thanks for your response, but already plugin is updated
ok let do some minor debugging together
- are they multiple loops in that page like 2 or more different loops? if yes please create a sample page and insert just one loop on that page and and try to use that next and number option and see if it works for you
- try to other pagination options and see if they work properly for you
- are you using any additional addon or plugin that might not be fully compatible with elementor
- what kind of theme are you using
- what PHP version is your site running on
checking this might help fix that problem
Hello! Equal Height doesnt work. It doesnt changes anything in the front end. Am using the latest elementor pro and am using the Loop Carousel widget. what can it be?
can i see a screenshot of this so as to be able to help you better
Hello, I would like to ask this question, how can I create post layout in elementor that display like the one in newspaper12 Theme, any video on this
Do you mean Single Post Layout or a post loop
@@thecreativarena a post loop layout were one featured image and post title on the left hand side and five small thumbnail image and post title on the right hand side
ok i understand and luckily for you i just finished making a video that cover this and it will be uploaded shortly please check back
@@thecreativarena ok...i will be waiting to see the video
@@thecreativarena what is the video title?
Unfortuntley it does not work well So I can't say thumbs up
What exactly does not work well so i can guide you
I guess the plugin dies not work. Once it is installed and set up, it does not appear in the options (left column) when editing the land with elementor...😢
are you using another plugin other than elementor? if no make sure you are using the latest version of elementor pro. If you are not seeing the loop grid widget that means you need to go elementor settings under features you will loop and make sure it is set to active
you can purchase from there be.elementor.com/visit/?bta=206790&nci=5383