Add a Product Search Screen and Results Template - Elementor Wordpress Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.พ. 2025

ความคิดเห็น • 93

  • @denniscarroll
    @denniscarroll 5 หลายเดือนก่อน +2

    I've been working with Elementor for 3 years and your videos are still the best on TH-cam. You've got the perfect personality and presentation. Thanks so much!

  • @LiyifeiLilejia
    @LiyifeiLilejia 3 หลายเดือนก่อน +3

    This problem has been solved after watching your video! You’re such a lifesaver! I’ve never commented on any video before. This is my first time as I really appreciate you taking the time and effort to do the work!

    • @LiyifeiLilejia
      @LiyifeiLilejia 2 หลายเดือนก่อน

      After I created the search page using your method, I encountered another problem. I couldn’t get any results by searching for product tags. I’m using the Astra theme. If you have a good way to solve this problem, I’d be very grateful. It doesn’t matter if you don’t have time to help, I’m still very grateful to you!

  • @HatchbackAmbience
    @HatchbackAmbience 9 หลายเดือนก่อน +3

    Web Squadren, your dedication to content like this is unmatched. Thanks for everything!

  • @svetlanaklinova4876
    @svetlanaklinova4876 8 หลายเดือนก่อน +1

    Thank you. Perfectly explained exactly what was stated. Without getting distracted by style changes and unnecessary chatter

  • @omalevictor4544
    @omalevictor4544 ปีที่แล้ว +2

    You are a life saver. I was having a hard time trying to figure this out. Thank you for saving me under 7mins !!!! 🙏

  • @ninnx3
    @ninnx3 8 หลายเดือนก่อน +3

    Thank you so much! I honestly love your content!

  • @MarkLouisCornea
    @MarkLouisCornea 8 หลายเดือนก่อน +2

    Thanks man, love the way you teach, very direct to the point.

    • @websquadron
      @websquadron  8 หลายเดือนก่อน

      My pleasure!

  • @tutupkaleng
    @tutupkaleng 6 หลายเดือนก่อน +4

    Thank you mister, your tutorial is very helpfull 👍👍

  • @nasrinakhter7159
    @nasrinakhter7159 3 หลายเดือนก่อน +1

    I have learned new topic thanks Sir

  • @joeparty1
    @joeparty1 ปีที่แล้ว +2

    You saved my life. Thanks for the great tip.

  • @nazirnoorsalaman7637
    @nazirnoorsalaman7637 14 วันที่ผ่านมา

    under query, ensure to select products this will help for those of you running ecommerce sites

  • @RichardWadeUK
    @RichardWadeUK 2 ปีที่แล้ว +4

    Excellent demo mate... I usually avoid the native search as it would be a mess of results (typically utilising Crocoblock instead), but this is a great way to finesse what's readily available... And I love the full screen search bar too. Didn't know it was possible!

    • @websquadron
      @websquadron  2 ปีที่แล้ว +2

      Yup the full screen is my fave too :)

  • @earnwithhannan
    @earnwithhannan ปีที่แล้ว +2

    You did super😍

  • @lerouxfourie4717
    @lerouxfourie4717 ปีที่แล้ว +2

    Just want to say thank you! You really assisted me!

  • @ArielOmbiang
    @ArielOmbiang ปีที่แล้ว

    Keep it doing another tricks man, big help for me as amateur, already done subs mate.

  • @Z0inks69
    @Z0inks69 2 ปีที่แล้ว +2

    You are absolutely underrated my friend. Extremely simple and easy to do! Thanks a ton!

  • @Itt_shiv
    @Itt_shiv 6 หลายเดือนก่อน

    Thankyou so much ❤

  • @alejovegab
    @alejovegab 18 วันที่ผ่านมา

    Hi, great video, but I can not set pagination. How can I achive this?

  • @unsignedhub
    @unsignedhub ปีที่แล้ว

    Thanks a lot for this video. Very helpful.

  • @mdshohaibsarker5835
    @mdshohaibsarker5835 ปีที่แล้ว

    THANK YOU for help and Subscribed :)

  • @wajidhussain8143
    @wajidhussain8143 10 หลายเดือนก่อน

    Great Vidoe. Thanks

  • @elementordesigner
    @elementordesigner 6 หลายเดือนก่อน

    hy. thanks for the contet. but i need other information.
    Let's say I have a single post made with custom post type, and over it I have the magnifying glass button. Is it possible to make the result shown in a mega menu (small) and when clicking on a result, it just replaces the single post?

  • @RayRoman-m3z
    @RayRoman-m3z ปีที่แล้ว

    This a great video, however, do you have to use an e-commerce product search? What if I want to build something similar to this, but when the search items come up I don't want to see pricing, etc, just the product.

    • @websquadron
      @websquadron  ปีที่แล้ว +1

      You could build a loop grid that only shows what you want in the results search page

  • @keendrop4172
    @keendrop4172 ปีที่แล้ว +1

    thank you. great help. well can you please do "Empty search results with woocommerce"

    • @websquadron
      @websquadron  ปีที่แล้ว

      As in reset the search?

    • @keendrop4172
      @keendrop4172 ปีที่แล้ว +1

      @@websquadron Show Message When product is Empty during search. Ex like " Product, not found"

  • @AlvaroLuksic
    @AlvaroLuksic ปีที่แล้ว

    great thank you helped me a lot!

  • @jomotioncreative
    @jomotioncreative 9 หลายเดือนก่อน

    sweet! quick question: - how do you get fallback for "sorry no results found" using the template?

    • @cmwebdesign
      @cmwebdesign 3 หลายเดือนก่อน

      I want to noww this too.. ;(

  • @brandondahlberg5315
    @brandondahlberg5315 ปีที่แล้ว

    Thanks man! really helpful

  • @omranmumith8331
    @omranmumith8331 5 หลายเดือนก่อน

    what if you alreaddy have a search button but just want to change the layout into full screen
    ?

  • @mohammadamit6996
    @mohammadamit6996 หลายเดือนก่อน

    Thanks a lot

  • @josh6061
    @josh6061 2 ปีที่แล้ว +1

    Thanks a lot!

  • @mehdib3801
    @mehdib3801 ปีที่แล้ว +1

    thank you

  • @AiForEveryMind
    @AiForEveryMind ปีที่แล้ว

    thank you so much for the tutorial man, i know im new but ive watched half of your videos. I do have 1 question though, how can i create a search bar only for a spicific category. For example i'm on a product page with only lead generation products and i only want the user to search products from lead generation. How can i do that ?

    • @websquadron
      @websquadron  ปีที่แล้ว +1

      You could modify the Search Template to have a query in the setting that is restricted to that category.

    • @AiForEveryMind
      @AiForEveryMind ปีที่แล้ว

      where can i get the quary
      @@websquadron

  • @butiettapontresina3913
    @butiettapontresina3913 ปีที่แล้ว

    cool, it works! thank you!

  • @sallamkashif
    @sallamkashif ปีที่แล้ว

    What if we have both Products and Blog Posts in our website???

  • @litimhmida2793
    @litimhmida2793 ปีที่แล้ว

    How can i add categories filter to that search bar or is there a plugin that can do that?

  • @saraj2628
    @saraj2628 7 หลายเดือนก่อน

    If we have jet engine's list
    It works?

  • @aLvaRo7z
    @aLvaRo7z 8 หลายเดือนก่อน

    But... What can we if the information I what to show is not a product? Just some content or options in a specific page of my website

  • @GermanHoops1
    @GermanHoops1 ปีที่แล้ว

    Hey. My question is can you make a search bar for any site and then only show posts from a certain category which you choose with this feature?

    • @websquadron
      @websquadron  ปีที่แล้ว

      Technically yes but I’ll need to test it out

  • @Xtazy51
    @Xtazy51 ปีที่แล้ว

    thanks! you're the best

  • @David-zp8rx
    @David-zp8rx ปีที่แล้ว

    Do you know if there is a way to change that blue x icon, also white space text input field for previous searches?

  • @oko6359
    @oko6359 ปีที่แล้ว +1

    Thank you man!

  • @arnarasyid5393
    @arnarasyid5393 2 ปีที่แล้ว +1

    loved your video. by the way, what if I have product archive and post too? should I make 2 separate search pages or I can use 1 for 2? thanks in advance

    • @websquadron
      @websquadron  2 ปีที่แล้ว

      Won't work well by going to 2 separate pages as it's not that clever (i think).

    • @arnarasyid5393
      @arnarasyid5393 2 ปีที่แล้ว

      @@websquadron do you have any suggestions?

    • @websquadron
      @websquadron  2 ปีที่แล้ว

      @@arnarasyid5393 I'd have to investigate that, but that's paid consultation.

  • @WTPleo
    @WTPleo 5 หลายเดือนก่อน

    Hi Imran, is the search form widget is gone? I just have the regular search widget and it doesn't have 'skin' option at all. It's just a regular search bar.

    • @websquadron
      @websquadron  5 หลายเดือนก่อน

      Yup they refined it to show live or static results.

    • @WTPleo
      @WTPleo 5 หลายเดือนก่อน

      @@websquadron thanks man! I knew I wasn't going crazy haha

  • @Ife-Emmanuel
    @Ife-Emmanuel 2 ปีที่แล้ว +1

    Really helpful

  • @chi_bot8648
    @chi_bot8648 2 ปีที่แล้ว

    Nice, Are you able to add AJAX to this search? So we get preview of the products name(Instead of a history of searches words)as we type in the searchbar

    • @websquadron
      @websquadron  2 ปีที่แล้ว

      Not yet no

    • @chi_bot8648
      @chi_bot8648 2 ปีที่แล้ว

      @@websquadron Is this something you can do or not?

    • @websquadron
      @websquadron  2 ปีที่แล้ว

      @@chi_bot8648 we have to explore the solution and that comes as a 1-2-1 consultation thus we don’t do for free

  • @fudiccaitanddigitalsolutio4550
    @fudiccaitanddigitalsolutio4550 ปีที่แล้ว

    What if you want to out 2 search bar with different post?

    • @websquadron
      @websquadron  ปีที่แล้ว

      Then you’d have to set display conditions for the search template

  • @megaimageuk
    @megaimageuk ปีที่แล้ว

    How do I add this search box to the already made header? Thank you

  • @miribreueredelstein3517
    @miribreueredelstein3517 2 ปีที่แล้ว

    thanks for the great video. i have followed all the instructions. yet, it doesn't apply the template to the search results. in the theme builder, it shows my search result template in the instances "search results" but it's still not showing in the front. any way to fix this? thanks in advance!

    • @websquadron
      @websquadron  2 ปีที่แล้ว +1

      Hi. This is a difficult one without seeing your site, but that would fall under 1-2-1 Consultation. Could be a setting. Note that it does show the results on a another page as it's not an AJAX on the same page solution.

  • @dko_binging
    @dko_binging 9 หลายเดือนก่อน

    How can I make the search process faster after a user clicks on the search button

  • @chevallinvestisseur909
    @chevallinvestisseur909 ปีที่แล้ว

    Where do I see what people actually searched?

  • @nichucanon
    @nichucanon ปีที่แล้ว

    How can I hace a serch result page for products and another one for Blog posts?

    • @websquadron
      @websquadron  ปีที่แล้ว

      You'd need to mess around with the Query results coming back: th-cam.com/video/CbfZCjFLJNg/w-d-xo.html
      Pop that code into ChatGPT to refine it to work for you.

  • @momastudio1601
    @momastudio1601 2 ปีที่แล้ว

    Thank you, but there is a problem because it does not show "no products found" when there are no products that match your search. How can it be done?

    • @websquadron
      @websquadron  2 ปีที่แล้ว +1

      That would need some separate JS to be added.

  • @septimiubalica4456
    @septimiubalica4456 3 หลายเดือนก่อน

    You are actually wrong. The products will only force to show products - you don't need to exclude posts, it will not show posts. I'm trying to find a way to show both posts at the top and products with the price but I'm having a hard time doing this. Any ideas?

  • @kevganhiga
    @kevganhiga 2 ปีที่แล้ว

    Good demo! Can you si a video using jetsearch crocoblock plugin?

    • @websquadron
      @websquadron  2 ปีที่แล้ว +1

      I'll think about that :)

  • @JEVIZEMAL
    @JEVIZEMAL ปีที่แล้ว

    Hello, I don't have products widget in elementor. How can I get it?

    • @websquadron
      @websquadron  ปีที่แล้ว

      Do you have EL Pro?

    • @JEVIZEMAL
      @JEVIZEMAL ปีที่แล้ว

      @@websquadron yes

  • @OmarFaruk-mv9yg
    @OmarFaruk-mv9yg ปีที่แล้ว

    How to show a message if the search term doesn't match with any product?

    • @websquadron
      @websquadron  ปีที่แล้ว

      That would need some custom JS to be added

    • @OmarFaruk-mv9yg
      @OmarFaruk-mv9yg ปีที่แล้ว

      @@websquadron I already acheived that by usong product archive element instead of product element

  • @drivindevil
    @drivindevil ปีที่แล้ว

    "Trust Me" - Thats Crypto !!!

  • @robson-martin
    @robson-martin ปีที่แล้ว +1

    Very helpful, thanks a lot.

  • @dunamisdramani5693
    @dunamisdramani5693 ปีที่แล้ว

    Thank you.