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

Поділитися
Вставка
  • Опубліковано 18 гру 2024

КОМЕНТАРІ • 90

  • @denniscarroll
    @denniscarroll 3 місяці тому +2

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

  • @LiyifeiLilejia
    @LiyifeiLilejia Місяць тому +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 Місяць тому

      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!

  • @svetlanaklinova4876
    @svetlanaklinova4876 6 місяців тому +1

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

  • @HatchbackAmbience
    @HatchbackAmbience 7 місяців тому +3

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

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

  • @MarkLouisCornea
    @MarkLouisCornea 6 місяців тому +2

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

  • @ninnx3
    @ninnx3 7 місяців тому +3

    Thank you so much! I honestly love your content!

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

  • @tutupkaleng
    @tutupkaleng 5 місяців тому +4

    Thank you mister, your tutorial is very helpfull 👍👍

  • @joeparty1
    @joeparty1 Рік тому +2

    You saved my life. Thanks for the great tip.

  • @nasrinakhter7159
    @nasrinakhter7159 Місяць тому +1

    I have learned new topic thanks Sir

  • @lerouxfourie4717
    @lerouxfourie4717 Рік тому +2

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

  • @earnwithhannan
    @earnwithhannan 11 місяців тому +2

    You did super😍

  • @elementordesigner
    @elementordesigner 5 місяців тому

    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?

  • @arnarasyid5393
    @arnarasyid5393 Рік тому +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  Рік тому

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

    • @arnarasyid5393
      @arnarasyid5393 Рік тому

      @@websquadron do you have any suggestions?

    • @websquadron
      @websquadron  Рік тому

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

  • @Z0inks69
    @Z0inks69 2 роки тому +2

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

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

  • @jomotioncreative
    @jomotioncreative 7 місяців тому

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

    • @cmwebdesign
      @cmwebdesign Місяць тому

      I want to noww this too.. ;(

  • @ArielOmbiang
    @ArielOmbiang Рік тому

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

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

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

  • @litimhmida2793
    @litimhmida2793 11 місяців тому

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

  • @omranmumith8331
    @omranmumith8331 4 місяці тому

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

  • @Itt_shiv
    @Itt_shiv 4 місяці тому

    Thankyou so much ❤

  • @saraj2628
    @saraj2628 5 місяців тому

    If we have jet engine's list
    It works?

  • @aLvaRo7z
    @aLvaRo7z 6 місяців тому

    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

  • @sallamkashif
    @sallamkashif 10 місяців тому

    What if we have both Products and Blog Posts in our 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

  • @WTPleo
    @WTPleo 4 місяці тому

    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  4 місяці тому

      Yup they refined it to show live or static results.

    • @WTPleo
      @WTPleo 4 місяці тому

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

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

  • @wajidhussain8143
    @wajidhussain8143 8 місяців тому

    Great Vidoe. Thanks

  • @chi_bot8648
    @chi_bot8648 Рік тому

    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  Рік тому

      Not yet no

    • @chi_bot8648
      @chi_bot8648 Рік тому

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

    • @websquadron
      @websquadron  Рік тому

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

  • @unsignedhub
    @unsignedhub Рік тому

    Thanks a lot for this video. Very helpful.

  • @megaimageuk
    @megaimageuk Рік тому

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

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

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

  • @mdshohaibsarker5835
    @mdshohaibsarker5835 Рік тому

    THANK YOU for help and Subscribed :)

  • @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: ua-cam.com/video/CbfZCjFLJNg/v-deo.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.

  • @brandondahlberg5315
    @brandondahlberg5315 Рік тому

    Thanks man! really helpful

  • @butiettapontresina3913
    @butiettapontresina3913 Рік тому

    cool, it works! thank you!

  • @JEVIZEMAL
    @JEVIZEMAL Рік тому

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

  • @mehdib3801
    @mehdib3801 Рік тому +1

    thank you

  • @Xtazy51
    @Xtazy51 Рік тому

    thanks! you're the best

  • @dko_binging
    @dko_binging 7 місяців тому

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

  • @AlvaroLuksic
    @AlvaroLuksic Рік тому

    great thank you helped me a lot!

  • @kevganhiga
    @kevganhiga 2 роки тому

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

  • @josh6061
    @josh6061 Рік тому +1

    Thanks a lot!

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

  • @chevallinvestisseur909
    @chevallinvestisseur909 Рік тому

    Where do I see what people actually searched?

  • @Ife-Emmanuel
    @Ife-Emmanuel 2 роки тому +1

    Really helpful

  • @oko6359
    @oko6359 Рік тому +1

    Thank you man!

  • @septimiubalica4456
    @septimiubalica4456 Місяць тому

    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?

  • @drivindevil
    @drivindevil Рік тому

    "Trust Me" - Thats Crypto !!!

  • @robson-martin
    @robson-martin Рік тому +1

    Very helpful, thanks a lot.

  • @dunamisdramani5693
    @dunamisdramani5693 Рік тому

    Thank you.