Sales Badge In Elementor Product Loop Grids

  Рет қаралды 7,714

Jeffrey @ Lytbox

Jeffrey @ Lytbox

Күн бұрын

Пікірлер: 40
@benjaminjung
@benjaminjung 10 ай бұрын
Hi Jeffrey, very good video. There is a much simpler and better solution for the sales badge. You don't need an external plugin for this either, just Elementor Pro and you don't have to do any further input. This is how it works: 1. as in your video, you insert a heading, style it and position it exactly as you have done. 2. now link the dynamic content "on sale" under Woocomerce. And the content is only displayed when the product is on sale. Best regards Ben
@LytboxStudio
@LytboxStudio 10 ай бұрын
Ooh wee, I gotta try this and make an updated tutorial. Thanks for sharing!
@toaderandrei1011
@toaderandrei1011 9 ай бұрын
thanks, best solution
6 ай бұрын
Any ideas how to display percentage instead of Sale?
@prof.cipolla7039
@prof.cipolla7039 3 ай бұрын
Plugin: Advanced Woo Label or add_filter('woocommerce_sale_flash', 'ds_change_sale_text'); function ds_change_sale_text() { return 'Custom!'; } Put it on your function.php. The last lin the words between " ", will be able to change.
@prof.cipolla7039
@prof.cipolla7039 3 ай бұрын
I cant find this option under woocommerce in Elementor Pro. Woo tag available is just: Insert cart.
@jaseyarm
@jaseyarm 2 ай бұрын
another Jeffrey addition to our currently being built website!! thanks mate :)
@WaldemarDeutsch
@WaldemarDeutsch 10 ай бұрын
Thank you Jeffrey. You are so smart and you are presenting so cool. Watching your videos is really a pleasure!
@LytboxStudio
@LytboxStudio 10 ай бұрын
Wow thanks! I really appreciate this. Cheers!
@focuswebsite
@focuswebsite 11 ай бұрын
Love it! The Sales Badge in Elementor Product Loop Grids is a fantastic feature. 👍🌟
@RR-ok4wz
@RR-ok4wz 4 ай бұрын
Great vid! Almost what I was looking for, but curios how to do this for categories instead of sales. I think you show this (meaning the category) in another video of yours.
@LytboxStudio
@LytboxStudio 4 ай бұрын
It’s a lot easier for categories. No need for custom fields or ACF. All you need to do is add a Header widget in your Loop Grip, set the tag to span, and select dynamic tags and choose taxonomy > categories. Get used to the dynamic tags when using Loop Grid and you’ll be able to do so much more, it’s really helpful.
@RR-ok4wz
@RR-ok4wz 3 ай бұрын
@@LytboxStudio Thanks! I was having the hardest time with this because the options for taxonomies just were not showing up. Finally, elementor got back to me and told me about flushing the CSS in the element or settings. For anyone else having similar issues (meaning that no taxonomies show up when selecting dynamic tags, then selecting Post Terms, the wrench icon > taxonomy > categories/tags/etc), you should do this: 1) Go to the WP Dashboard 2) Select Elementor > Tools > General > Regenerate CSS & Data 3) Flush your server cache 4) Refresh the page you're working on (make sure you save the page first so you don't lose changes) Hopefully that does the trick as it did for me.
@Dhrubo_Jyoti
@Dhrubo_Jyoti 5 ай бұрын
Hi Jeffery, How to add automatic discount percentage badge for products loop. Is it possible to make a automatic system that will show "New" Badge for the newly added product. If possible then please make a video on that. Thanks.
@LytboxStudio
@LytboxStudio 5 ай бұрын
That's a great idea and something I thought about for a future video!
@Dhrubo_Jyoti
@Dhrubo_Jyoti 5 ай бұрын
@@LytboxStudio Please do it quickly . I’m eagerly waiting for that. Thanks for your reply 🙏
@jia_cy__
@jia_cy__ 3 ай бұрын
Very useful !! Thank you very much 😭😭
@LytboxStudio
@LytboxStudio 3 ай бұрын
Thanks! 🙏
@harissharazz115
@harissharazz115 8 ай бұрын
iwas looking for this today only and founf you video thankx bro
@FoxTechFouadIsmail
@FoxTechFouadIsmail 3 ай бұрын
thank you ❤
@julianchaux
@julianchaux 4 ай бұрын
Very useful, thanks
@LytboxStudio
@LytboxStudio 4 ай бұрын
Awesome thanks!
@endless3171
@endless3171 7 ай бұрын
What if we want to have color on same product like color variation without using woocommerce. is that possible with crocoblock and elementor?
@rightpadding
@rightpadding 11 ай бұрын
Hmmmm ill try to see if I could pull in the sales badge based on ‘if there is a indeed a sale price’.
@jhinson
@jhinson 11 ай бұрын
Thanks Jeffrey. That was fast!
@LytboxStudio
@LytboxStudio 11 ай бұрын
It was a fun one! Thanks for the idea 😎
@ANASRAJPOOT-qg7tb
@ANASRAJPOOT-qg7tb 7 ай бұрын
amazing tutriol thank you can you please made another video in which guide me how to convert this onsale badge into percentage just like 30%off etc automatically according to given sale price
@webtappers7863
@webtappers7863 11 ай бұрын
Thanks very much, great idea!
@CiFERGAMiNG
@CiFERGAMiNG 7 ай бұрын
How can I add product filter by price and others in loop grid please make a tutorial
@LytboxStudio
@LytboxStudio 5 ай бұрын
Good question. I think a tool like WP Grid Builder would work for filters like this. I'd have to try and play around with this. I'll keep it noted for future tuts
@e-katerinachukhontseva4297
@e-katerinachukhontseva4297 7 ай бұрын
But what if I need badges of different colours? For example: "On sale" - is yellow, "Top" - is blue one? What should I do?
@minhthang6789
@minhthang6789 6 ай бұрын
You need to use conditional display
@RaheelPatel_WP
@RaheelPatel_WP 11 ай бұрын
Great video ❤
@nubenegra809
@nubenegra809 11 ай бұрын
love it! no code 😁
@LytboxStudio
@LytboxStudio 11 ай бұрын
Nice and easy 😉
@roinestrikesagain
@roinestrikesagain 11 ай бұрын
Jeffrey: You must provide a preview for the template.
@LytboxStudio
@LytboxStudio 11 ай бұрын
I usually do, this was a quick follow up from yesterday’s tut 😅
Elementor Product Loop Builder with Filters for WooCommerce
18:46
Jeffrey @ Lytbox
Рет қаралды 40 М.
⭐  Complete WooCommerce Tutorial 2024 [eCommerce Tutorial] ⭐
3:16:46
Darrel Wilson
Рет қаралды 188 М.
小蚂蚁会选到什么呢!#火影忍者 #佐助 #家庭
00:47
火影忍者一家
Рет қаралды 105 МЛН
Watermelon magic box! #shorts by Leisi Crazy
00:20
Leisi Crazy
Рет қаралды 115 МЛН
Building an Elementor Starter Blueprint Site
27:24
Jeffrey @ Lytbox
Рет қаралды 10 М.
Designing Banner Graphics in Figma for Elementor Websites
38:42
Jeffrey @ Lytbox
Рет қаралды 3,8 М.
I found a way to never use Pixels again in Elementor
15:07
Rino de Boer
Рет қаралды 80 М.
The Secret Science of Perfect Spacing
9:40
Chainlift
Рет қаралды 442 М.
5 Tips To Set Up Elementor Websites in 2023 | Things Have Changed
10:23
Jeffrey @ Lytbox
Рет қаралды 19 М.
Elementor Glassmorphism Design Styles - Glass Headers & Cards
16:15
Jeffrey @ Lytbox
Рет қаралды 6 М.
All New Variable Fonts for Elementor (A Complete Tutorial)
14:20
Jeffrey @ Lytbox
Рет қаралды 2,9 М.
The Easiest Way to Build Websites
10:56
Sajid
Рет қаралды 543 М.