1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved How to make DIVI search like Wocommerce items search

Discussion in 'Free Divi Community Forum' started by Haris Zahoor, Mar 25, 2018.

Page 1 of 2
  1. Haris Zahoor

    Haris Zahoor New Member

    #1 Haris Zahoor, Mar 25, 2018
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
  2. redefineseo

    redefineseo New Member

    Please install Advance Woo Search Plugin and add this search bar via widget
     
    #2 redefineseo, Sep 8, 2018
  3. websimple

    websimple New Member

    I do have the WooCommerce Product Search but I need to have it always on the top bar where the default divi search is located. Need to replace it. otherwise it is confusing because they do not search the same... Is there a way to make this happend ?
     
    #3 websimple, Jun 11, 2019
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    If you wish the default Divi search to search for Woo products only, then you will need to edit the header.php file.

    1. First, you will need to have a child theme installed.
    2. Then, duplicate the Divi header.php file in your child theme.
    3. Lastly, find the below:
    Code:
    Log In or Sign Up to view this code.
    And replace with the below:
    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help, Jun 11, 2019
  5. Adrien

    Adrien New Member

    This is great. Thank you for this tweak.
    How do you do so that the search bar also appears when browsing the site on mobile and tablet?
    Thanks for the help.
     
    #5 Adrien, Oct 16, 2019
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    I believe it will show up in mobile & tablet as well. If not, kindly share your URL.
     
    #6 Divi.Help, Oct 16, 2019
  7. Ivan Drault Briggs

    Ivan Drault Briggs New Member

    Hi, I have the same problem but this last solution didn't seem to work for me. The main problem is that when I make the search it gives me divi results (wich don't include price) and not woocommerce results (that do include price). Any ideas on a solution?
     
    #7 Ivan Drault Briggs, Feb 12, 2020
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    #8 Divi.Help, Feb 12, 2020
  9. Ivan Drault Briggs

    Ivan Drault Briggs New Member

    #9 Ivan Drault Briggs, Feb 13, 2020
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  10. Divi.Help

    Divi.Help Administrator
    Staff Member

    Do note that for the solution above (replacing the header.php code), there are two parts of the <input> search tag.

    Be sure to replace both, as I see that your site did not apply the code yet.
     
    #10 Divi.Help, Feb 13, 2020
  11. Ivan Drault Briggs

    Ivan Drault Briggs New Member

    Hi, thank you for replying.

    I did replace the code in both instances, but still the page is not applying it. Any idea why that may be?

    EDIT: Here's some images of the code and where I have the files for reference

    https://imgur.com/a/4ujMBvT
     
    #11 Ivan Drault Briggs, Feb 18, 2020
    Last edited: Feb 18, 2020
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  12. Divi.Help

    Divi.Help Administrator
    Staff Member

    Not sure why it doesn't work for your case.

    But alternatively, try the bellow jQuery code in WP Admin > Divi > Theme Options > Integration > Body Code:
    Code:
    Log In or Sign Up to view this code.
     
    #12 Divi.Help, Feb 18, 2020
    Ivan Drault Briggs likes this.
  13. Ivan Drault Briggs

    Ivan Drault Briggs New Member


    That worked!! Thank you so much!!!!! I've been struggling with this issue for the las week at least. Thank you for everything!!
     
    #13 Ivan Drault Briggs, Feb 19, 2020
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  14. AllanJobling

    AllanJobling New Member

    Hi, I have tried the child / header.php option and to jQuery option and not working
    http://ajobling.co.uk (Development site)
    Any advice?
     
    #14 AllanJobling, Apr 25, 2020
  15. Divi.Help

    Divi.Help Administrator
    Staff Member

    It seems like you're using Divi search module & that's why it's not working for you.

    Try the below code instead in WP Admin > Divi > Theme Options > Integration > Body Code:
    Code:
    Log In or Sign Up to view this code.
     
    #15 Divi.Help, Apr 25, 2020
    bongi and Bruno like this.
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  16. AllanJobling

    AllanJobling New Member

    Thats great, many thanks
     
    #16 AllanJobling, Apr 26, 2020
  17. uixandy

    uixandy New Member

    Hey there, I have the same issue and it does not work for me...

    Here the website: https://bonwishop.uixandy.com/

    When using the Divi search, it only shows pages, posts etc. I used the blog module right now for the template inside the Divi theme builder. Should I disable that?
     
    #17 uixandy, Sep 11, 2020
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  18. Divi.Help

    Divi.Help Administrator
    Staff Member

    Since you're using Divi menu module, try this instead:
    Code:
    Log In or Sign Up to view this code.
     
    #18 Divi.Help, Sep 12, 2020
  19. danradu

    danradu New Member

    #19 danradu, Mar 18, 2021
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
  20. Grant Senior

    Grant Senior Member


    Hi there. I am also having the issue where the Divi Search module is not delivering the Products to the search results page. Regarding your jQuery script solution, how do I apply it please? Do I just add the script to a code module beneath the Divi Search module?
     
    #20 Grant Senior, Feb 13, 2024
(You must log in or sign up to post here.)
Page 1 of 2