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

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

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.
@visualmodo
@visualmodo 3 жыл бұрын
Excellent video!
@MOINYUSUF_
@MOINYUSUF_ 2 жыл бұрын
Thmubs up for your legend Intro!
@mayankjha2399
@mayankjha2399 3 жыл бұрын
You are amazing, I am biggest fan of you're... Love from India🇮🇳🇮🇳 ❤❤❤❤❤
@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?
@olanrewajuoluwadunmininu5644
@olanrewajuoluwadunmininu5644 3 жыл бұрын
Thank you for the tutorial, Jim Fahad. Keep setting the pace. Bravo.
@firozfaizan
@firozfaizan 3 жыл бұрын
Awesome work Jim. You rock bro👍👍
@Businesscateory
@Businesscateory 2 жыл бұрын
Thanks for the tutorial, had a great time
@ethanhunt629
@ethanhunt629 3 жыл бұрын
WordPress King Fahad 😍😍😍
@DineshDKA
@DineshDKA 3 жыл бұрын
Amazing vid! Fahad wonderful design effect 💯🔥
@thechiman
@thechiman 3 жыл бұрын
I knew you would come through Jim. Thanks for this
@denys1485
@denys1485 Жыл бұрын
Very beautiful! Thank you for sharing you knowledge ❤️
@mc1slongamer586
@mc1slongamer586 3 жыл бұрын
Thanks Jim. You, as always, are on top)
@Faiza-Aiza
@Faiza-Aiza Жыл бұрын
Fahad it's very Amazing Tutorial 💯
@FranciscoGuerreropeternorth
@FranciscoGuerreropeternorth 3 жыл бұрын
This is amazing! Regards from Spain.
@ilievgeorgi2217
@ilievgeorgi2217 3 жыл бұрын
...this guy .... love u !!
@frankstone
@frankstone 3 жыл бұрын
Very creative Jim. Thanks for sharing!
@yesurajan8873
@yesurajan8873 2 жыл бұрын
Nice work bro I'll use so many times of your codes it's really useful to us
@pensandodireito8204
@pensandodireito8204 2 жыл бұрын
Fantastic! Thank you for CSS code explanation.
@jimfahaddigital
@jimfahaddigital 2 жыл бұрын
Glad you liked it😇😍
@williamreiudarbe7612
@williamreiudarbe7612 2 жыл бұрын
Nice tutorial as always
@latingoku1
@latingoku1 2 жыл бұрын
Wow! what an amazing tutorial. I always learn something good and useful from you. Thank you.
@amalprabath7983
@amalprabath7983 3 жыл бұрын
Great video 😍
@huzaifaharoonofficial
@huzaifaharoonofficial 3 жыл бұрын
Thank You so much man . This is so cool..
@mohamedyoussef341
@mohamedyoussef341 3 жыл бұрын
You are amazing 💯👑🔥
@massimilianoriccio3298
@massimilianoriccio3298 3 жыл бұрын
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
@susangemayel-tapper3794
@susangemayel-tapper3794 3 жыл бұрын
Fantastic tutorial, thank you so much Jim!
@nodiranimojumder5942
@nodiranimojumder5942 3 жыл бұрын
Real good job! 😊
@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
@wajid9922
@wajid9922 3 жыл бұрын
Full heavy Clean Design Sir ❤❤❤✌✌✌❤❤❤
@prokassim
@prokassim 3 жыл бұрын
Amazing as always, thank you for all these tutorials and css codes !
@sadiagul980
@sadiagul980 3 жыл бұрын
You are great bro
@masajhn
@masajhn 2 жыл бұрын
Sir. you are fantastic ...
@joachimleonardsengga6869
@joachimleonardsengga6869 2 жыл бұрын
..awesome👏
@dichvuseo
@dichvuseo 3 жыл бұрын
Wonderful! Thank you!!!
@sherlwinc
@sherlwinc 3 жыл бұрын
Brutal 🔥🔥
@alexlanderos
@alexlanderos 3 жыл бұрын
You're the best 👌🏻
@olichowdhury7688
@olichowdhury7688 2 жыл бұрын
crazyyyyy💥💥
@YasirShabbir
@YasirShabbir 3 жыл бұрын
It's really amazing 😍 thank you so much bro 😘
@rvick3914
@rvick3914 3 жыл бұрын
Bro very Impressive tutorial
@gamedguys372
@gamedguys372 3 жыл бұрын
super dude.plase we wanna tutorial like this
@hudsonhenrique9706
@hudsonhenrique9706 2 жыл бұрын
Tks a lot ... very helpfull
@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
@sudarshangain9430
@sudarshangain9430 3 жыл бұрын
THANK YOU SIR...
@OnlyPrinceJha
@OnlyPrinceJha 3 жыл бұрын
Make a tutorial on, how to choose colour and font of a website. By the way your tutorials are amazing
@lotsofgame
@lotsofgame 3 жыл бұрын
really this is very cool brother
@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.
@Chesk-rh4vw
@Chesk-rh4vw 3 жыл бұрын
very good, thanx
@suchismitachakraborty9956
@suchismitachakraborty9956 3 жыл бұрын
you are awesome :)
@SarafUddin000
@SarafUddin000 3 жыл бұрын
Can i use this cardview as default product card for woocommerce theme like Electro?
@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
@thinkpositiveway
@thinkpositiveway 2 жыл бұрын
jossssss vai!
@kristapskk3409
@kristapskk3409 3 жыл бұрын
You are the god of website designing)) Thanks Jim
@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!!!
@zakariaboulouarde4591
@zakariaboulouarde4591 3 жыл бұрын
Thaaaank you very much
@emercore1
@emercore1 3 жыл бұрын
Saludos desde chile máster 🇨🇱
@ZHARCO
@ZHARCO 8 ай бұрын
Thank you
@andywelgen5892
@andywelgen5892 3 жыл бұрын
So niceeee
@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
@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
@UmmasVoice
@UmmasVoice 3 жыл бұрын
It was amaizing
@ibrahimrakib9480
@ibrahimrakib9480 3 жыл бұрын
Love u bro...
@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.
@andywelgen5892
@andywelgen5892 3 жыл бұрын
Ty a lot
@TRTDigital
@TRTDigital 3 жыл бұрын
Can you work on dynamic woo commerce products Thanks
@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
@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?
@printadozstore1028
@printadozstore1028 2 жыл бұрын
Nice
@bySterling
@bySterling 2 жыл бұрын
You gotta $ell your awesome creations Jim!$
@youtub4082
@youtub4082 2 жыл бұрын
nice bro
@TRTDigital
@TRTDigital 3 жыл бұрын
Great tutorial Can you work on dynamic woo commerce products Thanks
@cristobalbolados4727
@cristobalbolados4727 2 жыл бұрын
¡contenido muy bueno!
@sabrinajaynnah
@sabrinajaynnah 2 жыл бұрын
How does this video effect using Woocommerce product widget with products coming from aliexpress to Dropshipping?
@Seu-Ze
@Seu-Ze 2 жыл бұрын
Valeu. Zé do Brazil
@nlrocket1613
@nlrocket1613 2 жыл бұрын
Congratulations for the tutorial! how to link variations options in woocommerce?
@IkkaDoes
@IkkaDoes 5 ай бұрын
hi, please tell me how can I add my own design as a default card for all my products?
@Jamsandekar
@Jamsandekar 3 жыл бұрын
Can we do it for woocomerece product??
@sumanroy_lofi
@sumanroy_lofi Жыл бұрын
what to do if the positioning tab is not showing in advance in elementor pro. is there any setting relating to showing the positioning
@toorfit6069
@toorfit6069 2 жыл бұрын
Muito Toppp!! Parabéns, ajudou muito!!
@nacho-moran
@nacho-moran 2 жыл бұрын
Thanks for the tutorial, very useful, how you connect this to the actual product?
@fousseynisagara1813
@fousseynisagara1813 3 жыл бұрын
Hello, the tutor is great, thank you. How to link the products to the cards? thank you
@shubhamagawane7813
@shubhamagawane7813 3 жыл бұрын
please make a big tutorial on css please
@kalashbansal2979
@kalashbansal2979 3 жыл бұрын
I have a query.(Not related to this video but I wanted to know it as my cleint need this 😭) Is it possible to create a webpage which is only accessible when a person enters his information in a form (let's say name and email id). The main thing is we need to collect email ids of people who comes to that page before allowing them to enter the page. Instead of giving choice it is compulsory to enter the information. If it is possible then kindly let me know. (Note - I am open for any paid plugin. I already have crocoblock)
@jimfahaddigital
@jimfahaddigital 3 жыл бұрын
First of all, the best method to collect leads is by providing something downloadable(eBook/PDF) in exchange for their email. Most of the email automation tools have this option. Similar to the downloadable things, you can also provide them a URL(Landing Page) as an incentive. I use convertkit - I have this option prnt.sc/1yn5753 . You can of course do that on the website - but that requires custom coding! In my opinion, Email automation tools are best to do the job easily! Thank you!!
@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
@EpicIndia3
@EpicIndia3 Жыл бұрын
How can we do this at woocommerce products?
@andreas-stricker
@andreas-stricker 2 жыл бұрын
looks nice, but can you show how to make it work with woocommerce to order the selected product?
@suzashorts7250
@suzashorts7250 3 жыл бұрын
Hi, can you make a tutorial on how to add reviews like on your website?
@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
@SeoAitsaleh
@SeoAitsaleh Жыл бұрын
Brother, how can I connect the button 'buy naw 'with checkout
@Jamsandekar
@Jamsandekar 3 жыл бұрын
Bt this is not connected to woocomerece?? Add to cart
@jimfahaddigital
@jimfahaddigital 3 жыл бұрын
No! You can tweak it on your way! My goal was to make the Card Design Effect. 😇
@ishfaqseher
@ishfaqseher 3 жыл бұрын
@@jimfahaddigital but if this button is not working then how it's work?? 😞😞
@MurzynskieMigdalki
@MurzynskieMigdalki Жыл бұрын
How can I connect it so that colors and sizes are displayed as variants and not just as buttons?
@siddhant2002
@siddhant2002 3 жыл бұрын
Plz also make video on upwork
@AlaminHossain-ph9by
@AlaminHossain-ph9by 3 жыл бұрын
Hi bro,👍 Have you published your e-book yet❓ Freelancing Formula And one more things, "Where are you getting your regular client"❓ Have a nice time bro❤️
@jimfahaddigital
@jimfahaddigital 3 жыл бұрын
Update it very soon!
@AlaminHossain-ph9by
@AlaminHossain-ph9by 3 жыл бұрын
@@jimfahaddigital Waiting for the book 🙂 One more thing, Which social platform should I follow or grow for getting freelance client ❓❓❓
@JhangeerSolangiM
@JhangeerSolangiM 3 ай бұрын
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; }
@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 ?
@achintya1535
@achintya1535 3 жыл бұрын
How to do add to cart functions?
@worthmind
@worthmind 2 жыл бұрын
Please make a video on about your website services system, how you did like fiverr services?
🔥🔥 Text Portrait EFFECT using Elementor 🔥🔥
4:49
Jim Fahad Digital
Рет қаралды 11 М.
Top 27 Elementor Hidden Features | Elementor Tips and Tricks
38:03
Make Dream Website
Рет қаралды 189 М.
Quilt Challenge, No Skills, Just Luck#Funnyfamily #Partygames #Funny
00:32
Family Games Media
Рет қаралды 52 МЛН
黑天使被操控了#short #angel #clown
00:40
Super Beauty team
Рет қаралды 52 МЛН
How I designed this product website in Elementor Pro
14:56
Rino de Boer
Рет қаралды 204 М.
Elementor’s default 1140px doesn’t work. Here’s why
19:34
Rino de Boer
Рет қаралды 127 М.
New Elementor Design Trick - Glowing Cursor on Card Hover
17:16
Jeffrey @ Lytbox
Рет қаралды 80 М.
Comment devenir une nouvelle version de toi-même
18:02
Maryam Gadery
Рет қаралды 33 М.
How to Make a WordPress Website with Elementor | (Best Elementor Tutorial)
1:36:33
Create a Pro Website
Рет қаралды 1,6 МЛН