Elementor Product Card Design | WordPress Elementor Pro Tutorial | Elementor Tips and Tricks

  Рет қаралды 85,061

Jim Fahad Digital

Jim Fahad Digital

Күн бұрын

Пікірлер: 164
@jimfahaddigital
@jimfahaddigital 2 жыл бұрын
🔥Download Exclusive Elementor Templates: kitpapa.com 🔥
@mijankhan4158
@mijankhan4158 3 жыл бұрын
I found Jimi Fahad last month and saw her all videos. He is a real genius and creative person. Many many thanks Fahad for giving this type of unique videos.
@muhammadsaadmansoor7777
@muhammadsaadmansoor7777 Жыл бұрын
wow. you always have the best most vivid and attractive unique designs, i find it difficult to imagine that it was even possible.
@mayankjha2399
@mayankjha2399 3 жыл бұрын
You are amazing, I am biggest fan of you're... Love from India🇮🇳🇮🇳 ❤❤❤❤❤
@ilievgeorgi2217
@ilievgeorgi2217 3 жыл бұрын
...this guy .... love u !!
@olanrewajuoluwadunmininu5644
@olanrewajuoluwadunmininu5644 3 жыл бұрын
Thank you for the tutorial, Jim Fahad. Keep setting the pace. Bravo.
@hakanovic5878
@hakanovic5878 3 жыл бұрын
a good example of perfection in coding. Best regards from germany sempai.
@francoseling496
@francoseling496 3 жыл бұрын
Germany? What city are you from?
@hakanovic5878
@hakanovic5878 3 жыл бұрын
@@francoseling496 Mainz and you?
@MOINYUSUF_
@MOINYUSUF_ 2 жыл бұрын
Thmubs up for your legend Intro!
@Businesscateory
@Businesscateory 2 жыл бұрын
Thanks for the tutorial, had a great time
@ethanhunt629
@ethanhunt629 3 жыл бұрын
WordPress King Fahad 😍😍😍
@thechiman
@thechiman 3 жыл бұрын
I knew you would come through Jim. Thanks for this
@mc1slongamer586
@mc1slongamer586 3 жыл бұрын
Thanks Jim. You, as always, are on top)
@frankstone
@frankstone 3 жыл бұрын
Very creative Jim. Thanks for sharing!
@massimilianoriccio3298
@massimilianoriccio3298 2 жыл бұрын
Hi, very well done tutorial, congratulations. I just have one question: the buttons all have a dead link # ... when clicked it returns to the top of the page and it's not very nice. Since it is not connected to woocommerce but only descriptive, can we not use the buttons? alternatives!
@DaxPegels
@DaxPegels 3 жыл бұрын
I was just looking for something like this
@pensandodireito8204
@pensandodireito8204 2 жыл бұрын
Fantastic! Thank you for CSS code explanation.
@jimfahaddigital
@jimfahaddigital 2 жыл бұрын
Glad you liked it😇😍
@sudarshangain9430
@sudarshangain9430 3 жыл бұрын
THANK YOU SIR...
@yesurajan8873
@yesurajan8873 2 жыл бұрын
Nice work bro I'll use so many times of your codes it's really useful to us
@DineshDKA
@DineshDKA 3 жыл бұрын
Amazing vid! Fahad wonderful design effect 💯🔥
@FranciscoGuerreropeternorth
@FranciscoGuerreropeternorth 3 жыл бұрын
This is amazing! Regards from Spain.
@latingoku1
@latingoku1 2 жыл бұрын
Wow! what an amazing tutorial. I always learn something good and useful from you. Thank you.
@prokassim
@prokassim 3 жыл бұрын
Amazing as always, thank you for all these tutorials and css codes !
@Marina-wv2zy
@Marina-wv2zy 3 жыл бұрын
Jim, thanks a lot! Very cool design and animation! I have implemented this effect on the "PROMOTIONS" page. In the button, I wrote "CHOOSE" so that it would lead to the store on the card of this product. It turned out super cool! And special thanks for explaining the code!
@raepakistan4095
@raepakistan4095 2 жыл бұрын
Hi @Marina if you have used this then pls let me know if I apply it will it be applied to all the product cards automatically
@denys1485
@denys1485 Жыл бұрын
Very beautiful! Thank you for sharing you knowledge ❤️
@huzaifaharoonofficial
@huzaifaharoonofficial 3 жыл бұрын
Thank You so much man . This is so cool..
@Faiza-Aiza
@Faiza-Aiza Жыл бұрын
Fahad it's very Amazing Tutorial 💯
@visualmodo
@visualmodo 3 жыл бұрын
Excellent video!
@firozfaizan
@firozfaizan 3 жыл бұрын
Awesome work Jim. You rock bro👍👍
@williamreiudarbe7612
@williamreiudarbe7612 2 жыл бұрын
Nice tutorial as always
@zaifhossain8509
@zaifhossain8509 3 жыл бұрын
Amazing video brother, but I wanna know this kind of card mainly we use as WooCommerce product, by default product card displays as the theme codes. Can you make a tutorial on how can we change default theme product design and add custom design like yours? Probably it's a development type of problem. If you can, please try
@jimfahaddigital
@jimfahaddigital 3 жыл бұрын
I got you! I'll definitely give it a try! No worries! 🙌
@ishfaqseher
@ishfaqseher 3 жыл бұрын
same question bro.thank for adding this question...
@PozisLabMinePhoner
@PozisLabMinePhoner 3 жыл бұрын
Help me to do this
@nijia1161
@nijia1161 3 жыл бұрын
I have the same need,pls
@jdtrading7385
@jdtrading7385 2 жыл бұрын
@@jimfahaddigital would be awesome to see tutorial for woocommerce products design!!!
@susangemayel-tapper3794
@susangemayel-tapper3794 3 жыл бұрын
Fantastic tutorial, thank you so much Jim!
@sadiagul980
@sadiagul980 3 жыл бұрын
You are great bro
@SarafUddin000
@SarafUddin000 3 жыл бұрын
Can i use this cardview as default product card for woocommerce theme like Electro?
@gamedguys372
@gamedguys372 3 жыл бұрын
super dude.plase we wanna tutorial like this
@masajhn
@masajhn 2 жыл бұрын
Sir. you are fantastic ...
@lotsofgame
@lotsofgame 3 жыл бұрын
really this is very cool brother
@hudsonhenrique9706
@hudsonhenrique9706 2 жыл бұрын
Tks a lot ... very helpfull
@Chesk-rh4vw
@Chesk-rh4vw 3 жыл бұрын
very good, thanx
@dichvuseo
@dichvuseo 3 жыл бұрын
Wonderful! Thank you!!!
@rvick3914
@rvick3914 3 жыл бұрын
Bro very Impressive tutorial
@amalprabath7983
@amalprabath7983 3 жыл бұрын
Great video 😍
@thetapics
@thetapics 2 жыл бұрын
hey great tutorial but how can you make the product data dynamic? or used as an product archive template?
@leefields2023
@leefields2023 2 жыл бұрын
That's the problem to solve. The most important thing..I guess how to do it too.
@kristapskk3409
@kristapskk3409 3 жыл бұрын
You are the god of website designing)) Thanks Jim
@OnlyPrinceJha
@OnlyPrinceJha 3 жыл бұрын
Make a tutorial on, how to choose colour and font of a website. By the way your tutorials are amazing
@YasirShabbir
@YasirShabbir 3 жыл бұрын
Bro please make a full video on how to make it dynamic I mean like a Elementor product widget please if possible
@alexlanderos
@alexlanderos 3 жыл бұрын
You're the best 👌🏻
@joachimleonardsengga6869
@joachimleonardsengga6869 2 жыл бұрын
..awesome👏
@nodiranimojumder5942
@nodiranimojumder5942 3 жыл бұрын
Real good job! 😊
@TRTDigital
@TRTDigital 3 жыл бұрын
Can you work on dynamic woo commerce products Thanks
@gaganjotsingh2579
@gaganjotsingh2579 3 жыл бұрын
Hi Jim video is awesome. but I have few questions, how to make there buttons working “for example:- select size, select colour”, and directly add to cart from “buy now” button
@jimfahaddigital
@jimfahaddigital 3 жыл бұрын
I'll try to create another tutorial for that. No worries! 🙌
@valentinasalazarhernandez5289
@valentinasalazarhernandez5289 Жыл бұрын
@@jimfahaddigital Have you created the tutorial yet? Please, I need it🙏🏻❤Thanks
@shubhamagawane7813
@shubhamagawane7813 3 жыл бұрын
please make a big tutorial on css please
@suchismitachakraborty9956
@suchismitachakraborty9956 3 жыл бұрын
you are awesome :)
@mohamedyoussef341
@mohamedyoussef341 3 жыл бұрын
You are amazing 💯👑🔥
@zakariaboulouarde4591
@zakariaboulouarde4591 3 жыл бұрын
Thaaaank you very much
@wajid9922
@wajid9922 3 жыл бұрын
Full heavy Clean Design Sir ❤❤❤✌✌✌❤❤❤
@emercore1
@emercore1 3 жыл бұрын
Saludos desde chile máster 🇨🇱
@zibinni
@zibinni 3 жыл бұрын
Вау! Это потрясающе!!! Мне срочно нужно учить Английский язык, чтобы учиться у вас!
@jimfahaddigital
@jimfahaddigital 3 жыл бұрын
Это значит многое! Большое спасибо! Я желаю вам всего наилучшего!
@mafiaekd
@mafiaekd 3 жыл бұрын
Бро поставь браузер от яндекса, у них перевод и озвучка с английского на лету.
@zibinni
@zibinni 3 жыл бұрын
@@mafiaekd спасибо за совет, а видео как переводит субтитрами?
@mafiaekd
@mafiaekd 3 жыл бұрын
@@zibinni голосом) очень даже хорошо, запускай ютуб и наслаждаться
@zibinni
@zibinni 3 жыл бұрын
@@mafiaekd спасибо!!!! Это круто )))
@danielblade2614
@danielblade2614 3 жыл бұрын
Amazing
@YasirShabbir
@YasirShabbir 3 жыл бұрын
It's really amazing 😍 thank you so much bro 😘
@sherlwinc
@sherlwinc 3 жыл бұрын
Brutal 🔥🔥
@olichowdhury7688
@olichowdhury7688 2 жыл бұрын
crazyyyyy💥💥
@ZHARCO
@ZHARCO 8 ай бұрын
Thank you
@UmmasVoice
@UmmasVoice 3 жыл бұрын
It was amaizing
@Seu-Ze
@Seu-Ze 2 жыл бұрын
Valeu. Zé do Brazil
@ibrahimrakib9480
@ibrahimrakib9480 3 жыл бұрын
Love u bro...
@CADDY1986k
@CADDY1986k 3 жыл бұрын
I like this tutorial so much. Its clear and easy o follow. I have a question. How the buy now button work? I mean you custom your cart also ir connect it to woocommerce and how if yes?
@andywelgen5892
@andywelgen5892 3 жыл бұрын
Ty a lot
@worthmind
@worthmind 2 жыл бұрын
Please make a video on about your website services system, how you did like fiverr services?
@guillermoorihuel665
@guillermoorihuel665 2 жыл бұрын
HEy good tutorial, any news on how to get the products to be dynamic and work as user expects? please give any insight would be cool to make it work once we got here, I'm looking around but not finding answer. Thank you
@siddhant2002
@siddhant2002 3 жыл бұрын
Plz also make video on upwork
@andywelgen5892
@andywelgen5892 3 жыл бұрын
So niceeee
@mohamadahsan9773
@mohamadahsan9773 2 жыл бұрын
Hi Fahad, great video. I have an issue to see the css effects i have click on it, only happens on phone , any recommendation, thanks for ur videos.
@bySterling
@bySterling 2 жыл бұрын
You gotta $ell your awesome creations Jim!$
@thinkpositiveway
@thinkpositiveway 2 жыл бұрын
jossssss vai!
@JhangeerSolangiM
@JhangeerSolangiM 2 ай бұрын
Your css good but little missing here is correct code .selector { height: 400px; display: flex; } /* Show/Hide CSS */ .selector .hide-first { display: none; } .selector:hover .hide-first { display: block; } /* Image Transform */ .selector img { transition: ease .5s; }
@nlrocket1613
@nlrocket1613 2 жыл бұрын
Congratulations for the tutorial! how to link variations options in woocommerce?
@printadozstore1028
@printadozstore1028 2 жыл бұрын
Nice
@ishfaqseher
@ishfaqseher 3 жыл бұрын
thank you so much for this amazing video but i have a question.how can i link buy now button with woocommerce add.when someone click on buy now button then automatic add in add to basket and check out?? waiting for you're positive response. 💗thank you sir
@pcyberictservices4578
@pcyberictservices4578 3 жыл бұрын
Bro this tutorial is excellent. I design this following ur tutorials but I don't know how to use it as default product cart page for all wocommerce product. Pls help
@TRTDigital
@TRTDigital 3 жыл бұрын
Great tutorial Can you work on dynamic woo commerce products Thanks
@nacho-moran
@nacho-moran 2 жыл бұрын
Thanks for the tutorial, very useful, how you connect this to the actual product?
@andreas-stricker
@andreas-stricker 2 жыл бұрын
looks nice, but can you show how to make it work with woocommerce to order the selected product?
@fousseynisagara1813
@fousseynisagara1813 2 жыл бұрын
Hello, the tutor is great, thank you. How to link the products to the cards? thank you
@youtub4082
@youtub4082 2 жыл бұрын
nice bro
@Jamsandekar
@Jamsandekar 3 жыл бұрын
Can we do it for woocomerece product??
@satyabratadash4480
@satyabratadash4480 Жыл бұрын
ok for the design but suggest me how to use it in woocommerce
@sabrinajaynnah
@sabrinajaynnah 2 жыл бұрын
How does this video effect using Woocommerce product widget with products coming from aliexpress to Dropshipping?
@cristobalbolados4727
@cristobalbolados4727 2 жыл бұрын
¡contenido muy bueno!
@dropsteria1339
@dropsteria1339 2 жыл бұрын
hello sir can you please make a tutorial on how to make every product in the shop page look like this design or any elementor template ?
@jhonhuingo2007
@jhonhuingo2007 3 жыл бұрын
very good video of Elementor Product Card Design but how can I do it in the form of a carousel if there are more than 3 card product design, if you could do it in a tutorial, thanks
@toorfit6069
@toorfit6069 2 жыл бұрын
Muito Toppp!! Parabéns, ajudou muito!!
@IkkaDoes
@IkkaDoes 5 ай бұрын
hi, please tell me how can I add my own design as a default card for all my products?
@suzashorts7250
@suzashorts7250 3 жыл бұрын
Hi, can you make a tutorial on how to add reviews like on your website?
@UnlimitedElements
@UnlimitedElements 2 жыл бұрын
One day you will work with us :)
@mayankjha2399
@mayankjha2399 3 жыл бұрын
Sir, can you please make video on elementor Lottie.... Please i need help
@EpicIndia3
@EpicIndia3 Жыл бұрын
How can we do this at woocommerce products?
@maw-id
@maw-id 3 жыл бұрын
Can you make tutorial for Digital Marketing Agency Landingpage? I have school homework to make this. Thanks if you make tutorial. Regards, from indonesia❤️
@EpicIndia3
@EpicIndia3 Жыл бұрын
Same thing you can do within 5 minutes in Gutemberg
@achintya1535
@achintya1535 3 жыл бұрын
How to do add to cart functions?
@SeoAitsaleh
@SeoAitsaleh Жыл бұрын
Brother, how can I connect the button 'buy naw 'with checkout
🔥🔥 Text Portrait EFFECT using Elementor 🔥🔥
4:49
Jim Fahad Digital
Рет қаралды 11 М.
FOREVER BUNNY
00:14
Natan por Aí
Рет қаралды 37 МЛН
Why no RONALDO?! 🤔⚽️
00:28
Celine Dept
Рет қаралды 102 МЛН
SIZE DOESN’T MATTER @benjaminjiujitsu
00:46
Natan por Aí
Рет қаралды 8 МЛН
Glass Effect in Elementor | Glassmorphism 🔥
16:16
Jim Fahad Digital
Рет қаралды 100 М.
How I designed this product website in Elementor Pro
14:56
Rino de Boer
Рет қаралды 203 М.
I redesigned YOUR websites
20:44
DesignSpo
Рет қаралды 96 М.
New Elementor Design Trick - Glowing Cursor on Card Hover
17:16
Jeffrey @ Lytbox
Рет қаралды 79 М.
Why Beautiful Websites Don’t Convert
12:57
Malewicz
Рет қаралды 230 М.
How to use AI Art and ChatGPT to Create a Insane Web Designs
22:21
Codex Community
Рет қаралды 4 МЛН
FOREVER BUNNY
00:14
Natan por Aí
Рет қаралды 37 МЛН