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

Поделиться
HTML-код
  • Опубликовано: 25 авг 2024

Комментарии • 163

  • @jimfahaddigital
    @jimfahaddigital  Год назад +2

    🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

  • @mijankhan4158
    @mijankhan4158 2 года назад +1

    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.

  • @olanrewajuoluwadunmininu5644
    @olanrewajuoluwadunmininu5644 2 года назад +4

    Thank you for the tutorial, Jim Fahad. Keep setting the pace. Bravo.

  • @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 2 года назад +1

    You are amazing, I am biggest fan of you're... Love from India🇮🇳🇮🇳 ❤❤❤❤❤

  • @visualmodo
    @visualmodo 2 года назад

    Excellent video!

  • @massimilianoriccio3298
    @massimilianoriccio3298 2 года назад +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!

  • @Marina-wv2zy
    @Marina-wv2zy 2 года назад +1

    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 Год назад +1

      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

  • @hakanovic5878
    @hakanovic5878 2 года назад

    a good example of perfection in coding. Best regards from germany sempai.

  • @denys1485
    @denys1485 11 месяцев назад

    Very beautiful! Thank you for sharing you knowledge ❤️

  • @Charafaddane
    @Charafaddane 2 года назад

    Thanks for the tutorial, had a great time

  • @mc1slongamer586
    @mc1slongamer586 2 года назад

    Thanks Jim. You, as always, are on top)

  • @thechiman
    @thechiman 2 года назад

    I knew you would come through Jim. Thanks for this

  • @DineshDKA
    @DineshDKA 2 года назад

    Amazing vid! Fahad wonderful design effect 💯🔥

  • @latingoku1
    @latingoku1 2 года назад

    Wow! what an amazing tutorial. I always learn something good and useful from you. Thank you.

  • @MOINYUSUF_
    @MOINYUSUF_ 2 года назад

    Thmubs up for your legend Intro!

  • @pensandodireito8204
    @pensandodireito8204 2 года назад

    Fantastic! Thank you for CSS code explanation.

  • @SarafUddin000
    @SarafUddin000 2 года назад +2

    Can i use this cardview as default product card for woocommerce theme like Electro?

  • @yesurajan8873
    @yesurajan8873 2 года назад

    Nice work bro
    I'll use so many times of your codes it's really useful to us

  • @TRTDigital
    @TRTDigital 2 года назад +1

    Can you work on dynamic woo commerce products
    Thanks

  • @firozfaizan
    @firozfaizan 2 года назад

    Awesome work Jim. You rock bro👍👍

  • @frankstone
    @frankstone 2 года назад

    Very creative Jim. Thanks for sharing!

  • @YasirShabbir
    @YasirShabbir 2 года назад +1

    Bro please make a full video on how to make it dynamic I mean like a Elementor product widget please if possible

  • @prokassim
    @prokassim 2 года назад

    Amazing as always, thank you for all these tutorials and css codes !

  • @gamedguys372
    @gamedguys372 2 года назад

    super dude.plase we wanna tutorial like this

  • @sadiagul980
    @sadiagul980 2 года назад

    You are great bro

  • @susangemayel-tapper3794
    @susangemayel-tapper3794 2 года назад

    Fantastic tutorial, thank you so much Jim!

  • @shubhamagawane7813
    @shubhamagawane7813 2 года назад +1

    please make a big tutorial on css please

  • @ZHARCO
    @ZHARCO 5 месяцев назад

    Thank you

  • @FranciscoGuerreropeternorth
    @FranciscoGuerreropeternorth 2 года назад

    This is amazing! Regards from Spain.

  • @ilievgeorgi2217
    @ilievgeorgi2217 2 года назад

    ...this guy .... love u !!

  • @zaifhossain8509
    @zaifhossain8509 2 года назад +8

    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  2 года назад +6

      I got you! I'll definitely give it a try! No worries! 🙌

    • @ishfaqseher
      @ishfaqseher 2 года назад

      same question bro.thank for adding this question...

    • @PozisLabMinePhoner
      @PozisLabMinePhoner 2 года назад

      Help me to do this

    • @nijia1161
      @nijia1161 2 года назад

      I have the same need,pls

    • @jdtrading7385
      @jdtrading7385 2 года назад +1

      @@jimfahaddigital would be awesome to see tutorial for woocommerce products design!!!

  • @huzaifaharoonofficial
    @huzaifaharoonofficial 2 года назад

    Thank You so much man . This is so cool..

  • @kristapskk3409
    @kristapskk3409 2 года назад +10

    You are the god of website designing)) Thanks Jim

  • @DaxPegels
    @DaxPegels 2 года назад

    I was just looking for something like this

  • @Faiza-Aiza
    @Faiza-Aiza Год назад

    Fahad it's very Amazing Tutorial 💯

  • @lotsofgame
    @lotsofgame 2 года назад

    really this is very cool brother

  • @ethanhunt629
    @ethanhunt629 2 года назад

    WordPress King
    Fahad 😍😍😍

  • @OnlyPrinceJha
    @OnlyPrinceJha 2 года назад

    Make a tutorial on, how to choose colour and font of a website.
    By the way your tutorials are amazing

  • @thetapics
    @thetapics 2 года назад +3

    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.

  • @YasirShabbir
    @YasirShabbir 2 года назад

    It's really amazing 😍 thank you so much bro 😘

  • @dichvuseo
    @dichvuseo 2 года назад

    Wonderful! Thank you!!!

  • @shaggadellic2004
    @shaggadellic2004 2 года назад

    Awesome 👌🏾👌🏾

  • @joachimleonardsengga6869
    @joachimleonardsengga6869 2 года назад

    ..awesome👏

  • @danielblade2614
    @danielblade2614 2 года назад

    Amazing

  • @masajhn
    @masajhn Год назад

    Sir. you are fantastic ...

  • @hudsonhenrique9706
    @hudsonhenrique9706 2 года назад

    Tks a lot ... very helpfull

  • @suchismitachakraborty9956
    @suchismitachakraborty9956 2 года назад

    you are awesome :)

  • @williamreiudarbe7612
    @williamreiudarbe7612 2 года назад

    Nice tutorial as always

  • @mohamedyoussef341
    @mohamedyoussef341 2 года назад

    You are amazing 💯👑🔥

  • @amalprabath7983
    @amalprabath7983 2 года назад

    Great video 😍

  • @sudarshangain9430
    @sudarshangain9430 2 года назад

    THANK YOU SIR...

  • @nodiranimojumder5942
    @nodiranimojumder5942 2 года назад

    Real good job! 😊

  • @gaganjotsingh2579
    @gaganjotsingh2579 2 года назад +2

    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  2 года назад +4

      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

  • @wajid9922
    @wajid9922 2 года назад

    Full heavy Clean Design Sir ❤❤❤✌✌✌❤❤❤

  • @andywelgen5892
    @andywelgen5892 2 года назад

    Ty a lot

  • @worthmind
    @worthmind 2 года назад

    Please make a video on about your website services system, how you did like fiverr services?

  • @thinkpositiveway
    @thinkpositiveway 2 года назад

    jossssss vai!

  • @zibinni
    @zibinni 2 года назад +2

    Вау! Это потрясающе!!! Мне срочно нужно учить Английский язык, чтобы учиться у вас!

    • @jimfahaddigital
      @jimfahaddigital  2 года назад

      Это значит многое! Большое спасибо! Я желаю вам всего наилучшего!

    • @mafiaekd
      @mafiaekd 2 года назад +2

      Бро поставь браузер от яндекса, у них перевод и озвучка с английского на лету.

    • @zibinni
      @zibinni 2 года назад +1

      @@mafiaekd спасибо за совет, а видео как переводит субтитрами?

    • @mafiaekd
      @mafiaekd 2 года назад

      @@zibinni голосом) очень даже хорошо, запускай ютуб и наслаждаться

    • @zibinni
      @zibinni 2 года назад

      @@mafiaekd спасибо!!!! Это круто )))

  • @siddhant2002
    @siddhant2002 2 года назад

    Plz also make video on upwork

  • @zakariaboulouarde4591
    @zakariaboulouarde4591 2 года назад

    Thaaaank you very much

  • @alexlanderos
    @alexlanderos 2 года назад

    You're the best 👌🏻

  • @Chesk-rh4vw
    @Chesk-rh4vw 2 года назад

    very good, thanx

  • @IkkaDoes
    @IkkaDoes 2 месяца назад

    hi, please tell me how can I add my own design as a default card for all my products?

  • @ibrahimrakib9480
    @ibrahimrakib9480 2 года назад

    Love u bro...

  • @satyabratadash4480
    @satyabratadash4480 Год назад

    ok for the design but suggest me how to use it in woocommerce

  • @printadozstore1028
    @printadozstore1028 2 года назад

    Nice

  • @andywelgen5892
    @andywelgen5892 2 года назад

    So niceeee

  • @UmmasVoice
    @UmmasVoice 2 года назад

    It was amaizing

  • @Seu-Ze
    @Seu-Ze Год назад

    Valeu. Zé do Brazil

  • @muhammadwalidnasir50
    @muhammadwalidnasir50 Год назад

    the issue with these custom designs is that what if the product run out of stock?

  • @sabrinajaynnah8150
    @sabrinajaynnah8150 2 года назад

    How does this video effect using Woocommerce product widget with products coming from aliexpress to Dropshipping?

  • @Fistulago
    @Fistulago 11 месяцев назад

    Same thing you can do within 5 minutes in Gutemberg

  • @rvick3914
    @rvick3914 2 года назад

    Bro very Impressive tutorial

  • @olichowdhury7688
    @olichowdhury7688 2 года назад

    crazyyyyy💥💥

  • @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

  • @sherlwinc
    @sherlwinc 2 года назад

    Brutal 🔥🔥

  • @emercore1
    @emercore1 2 года назад

    Saludos desde chile máster 🇨🇱

  • @CADDY1986k
    @CADDY1986k 2 года назад

    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?

  • @TRTDigital
    @TRTDigital 2 года назад

    Great tutorial
    Can you work on dynamic woo commerce products
    Thanks

  • @VendendoSemSegredos
    @VendendoSemSegredos 2 года назад

    Congratulations for the tutorial! how to link variations options in woocommerce?

  • @mayankjha2399
    @mayankjha2399 2 года назад

    Sir, can you please make video on elementor Lottie.... Please i need help

  • @SeoAitsaleh
    @SeoAitsaleh 10 месяцев назад

    Brother, how can I connect the button 'buy naw 'with checkout

  • @youtub4082
    @youtub4082 2 года назад

    nice bro

  • @UnlimitedElements
    @UnlimitedElements 2 года назад

    One day you will work with us :)

  • @ishfaqseher
    @ishfaqseher 2 года назад

    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

  • @achintya1535
    @achintya1535 2 года назад

    How to do add to cart functions?

  • @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.

  • @Fistulago
    @Fistulago 11 месяцев назад

    How can we do this at woocommerce products?

  • @pcyberictservices4578
    @pcyberictservices4578 2 года назад

    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

  • @bySterling
    @bySterling 2 года назад

    You gotta $ell your awesome creations Jim!$

  • @nachomoran3855
    @nachomoran3855 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?

  • @Jamsandekar
    @Jamsandekar 2 года назад

    Can we do it for woocomerece product??

  • @fousseynisagara1813
    @fousseynisagara1813 2 года назад

    Hello, the tutor is great, thank you. How to link the products to the cards? thank you

  • @cristobalbolados4727
    @cristobalbolados4727 2 года назад

    ¡contenido muy bueno!

  • @dacostaaditi
    @dacostaaditi 10 месяцев назад

    so if we need to do this for 100 product is it done like this , you did not mention what to do on buy now

  • @suzashorts7250
    @suzashorts7250 2 года назад

    Hi, can you make a tutorial on how to add reviews like on your website?

  • @mohammedzaydan1339
    @mohammedzaydan1339 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 ?

  • @toorfit6069
    @toorfit6069 2 года назад

    Muito Toppp!! Parabéns, ajudou muito!!