How To Customize And Style The Divi Search Module And Create A Search Results Page

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

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

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

    off topic but he has a great smile

  • @17aig
    @17aig 4 ปีที่แล้ว +1

    Well you nailed it again I love each and every Tutorial of yours, each and very one of your Videos are so useful. Thanks a million

    • @PeeAyeCreative
      @PeeAyeCreative  4 ปีที่แล้ว

      Thanks Nissim! I'm so glad you like my content, I enjoy making these!

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

    Very good and helpful video. Thank you very much!!

    • @PeeAyeCreative
      @PeeAyeCreative  3 ปีที่แล้ว

      Glad you enjoyed it! You're welcome!

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

    Hi this tutorial is awesome, thank you

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

      You are welcome! I'm so glad you like it.

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

    New sub here. Thank you very much. Great video!!

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

      Hi Sims, welcome and I am glad you enj6the video!

  • @dannybribiesca
    @dannybribiesca 4 ปีที่แล้ว

    As always, awesome tutorial!! It was clear and easy to follow, thank you!

    • @PeeAyeCreative
      @PeeAyeCreative  4 ปีที่แล้ว

      You're very welcome! I'm glad you find the tutorials easy to follow :)

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

    Thanks for the video. Do you know or seen how to do a Products Search Results Page? I have been looking every where.

    • @vandab100
      @vandab100 3 ปีที่แล้ว

      I'm searching it too!

    • @Natebc1
      @Natebc1 3 ปีที่แล้ว

      @@vandab100 I was able to find someone, that needed to do some coding in the background. That is the only way I have seen the Products Search Results Page to work. I can send their info if you like.

    • @PeeAyeCreative
      @PeeAyeCreative  3 ปีที่แล้ว

      I'm not sure off hand.

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

    Looking forward to the Theme Builder tutorial. What's the ETA?

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

      I think you mean Theme Builder course, which is what I mentioned in this video. I'm working on it now! ETA a month maybe

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

    Also, do you have any tutorial to style the filter area of divi filterable portfolio module? Maybe like the style the text with images, custom CSS ?

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

      I will add that to my list, I have several on the Portfolio scheduled.

    • @taksheeljoshi19
      @taksheeljoshi19 3 ปีที่แล้ว

      @@PeeAyeCreative that would be amazing! Thanks a lot

  • @ericalexcantero8249
    @ericalexcantero8249 3 ปีที่แล้ว

    Awesome Tutorial, any ideas on how can I add a Domain checker/search on Divi?

    • @PeeAyeCreative
      @PeeAyeCreative  3 ปีที่แล้ว

      Thanks Eric. I would not have a clue, but I would rephrase your question to "WordPress" and not "Divi" to try to find something.

  • @mayureshwarang1912
    @mayureshwarang1912 4 ปีที่แล้ว

    Hello Nelson,
    Really great video 😊
    Can you please share any CSS code to show only icon on that search button instead of text?

    • @PeeAyeCreative
      @PeeAyeCreative  4 ปีที่แล้ว

      Sounds fun! I'll make a note of it!

  • @DavidHernandez-lp1oc
    @DavidHernandez-lp1oc 4 ปีที่แล้ว +1

    Hi There Nelson, Grat Tutorial... I'm going to try this out...
    I don't know if you can help me out but, I stopped using the Divi Search because It couldn't be customized and when using it, it sends me to the "Search Result Page" but doesn't reflect all the information there. Do I need to reindex the table? if so... do you have a tutorial on that??....
    Thanks a lot for your Help.
    Cheers,

    • @PeeAyeCreative
      @PeeAyeCreative  4 ปีที่แล้ว

      Hey David, I show you how to do this in this video! Just use the Theme Builder for the search results page.

    • @DavidHernandez-lp1oc
      @DavidHernandez-lp1oc 4 ปีที่แล้ว

      @@PeeAyeCreative Hi Nelson, Yes I got the part of the tweaking the search bar... but what about the table? Because it doesn't find all the results... is there a way of reindexing the tables, For the Divi Search tu give more accurate results?...
      Cheers,

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

    How to add css to be ''pretraga'' instead of ''search'' button text?

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

      It probably is not possible to change that with CSS. If you use our Divi Search Helper plugin you can write your own text for the button.

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

    hi nelson, after adding
    width: calc(100% - 150px);
    border: 2px solid #dddddd;
    border-radius: 50px;
    padding-left: 30px!important;
    i dont get the space between the field and the botton. help please

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

      same happens here, any clue? divi 4.18

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

    The width: calc thing seems to do nothing for me. There is no gap between the field and the button. Also how do I make the search box and button shorter in height? It is way too big.

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

      I have the same problem, did you solve it?

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

      I solved it by adding a margin-left:10px; to the button's css. I took the width out of the input field because it does not take it anyway.

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

    Is there a way for it to include The Events Calendar using the Divi search module? Also, how do you exclude specific pages? - When I use the search widget it searches everything including the Events Calendar but I don't know how to get it to exclude certain pages. Would really like to use the Divi search. Thank you!

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

      You can try the 3rd party custom post type search module. But as for showing results for both, there's no way that I am aware of. There's a setting to show events in the blog in The Events Calendar, but not sure if that would work.

  • @leonardobenavidesyosoygo
    @leonardobenavidesyosoygo 3 ปีที่แล้ว

    Hey! amazing tutorial! you know if there's any chance to make work this with Just WooCommerce's Products?

    • @PeeAyeCreative
      @PeeAyeCreative  3 ปีที่แล้ว

      I'm not sure about that off hand.

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

    Would this also work for woocommerce products?

  • @user-qk9vc3sk4h
    @user-qk9vc3sk4h ปีที่แล้ว

    amazing, there is no way to add magnified glass instead of boring search button

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

      Take a look at my new plugin: th-cam.com/video/0rnbMT1T59g/w-d-xo.html

  • @tutorplus4228
    @tutorplus4228 3 ปีที่แล้ว

    Does the search work with custom post types?

    • @PeeAyeCreative
      @PeeAyeCreative  3 ปีที่แล้ว

      You can check our other video specifically for that.

  • @chuckpalmer2616
    @chuckpalmer2616 4 ปีที่แล้ว

    Hi Nelson -- Still loving your Responsive Helper plugin!! Thought I'd build a simple Search Results page but hit a wall. Both your video and the one on ET's site show the grid results with nice spacing around each result. I set up everything identically but my results are all jammed together. Tried plying with the spacing (margins/paddings) but no luck.
    On a separate note, if the results happen to be found within a table on a page (e.g. a listing of our Vimeo presentations), the result in that grid is a bunch of css text. Thoughts??

    • @PeeAyeCreative
      @PeeAyeCreative  4 ปีที่แล้ว

      Hi Church, there must be something overriding it. I'm just using the blog module, so if they are jammed together then something else is conflicting.

    • @chuckpalmer2616
      @chuckpalmer2616 4 ปีที่แล้ว

      @@PeeAyeCreative I figured them both out, Nelson. Senior moments! The first was just a gutter setting in the row. It defaulted to no gutter and that setting wasn't mentioned in either tutorial -- or I just missed it. The second issue regarding a bunch of css text showing up was because I only had Excerpts filled in on posts - not pages. So when content from pages showed up in the results, it was grabbing the css code from somewhere??? Hope you were able to dodge all the Isaias storms a couple of days ago - have a good one!

  • @pmtimdoido
    @pmtimdoido 3 ปีที่แล้ว

    I'm your fan,
    I would like to know how to change the name of the search button. could you take that doubt away?

    • @PeeAyeCreative
      @PeeAyeCreative  3 ปีที่แล้ว

      Hi there, I'm assume you are asking to change the word "Search" to something else?

    • @pmtimdoido
      @pmtimdoido 3 ปีที่แล้ว

      @@PeeAyeCreative Exactly, I wanted to switch to "Buscar".
      In Portuguese :-D

    • @PeeAyeCreative
      @PeeAyeCreative  3 ปีที่แล้ว

      @@pmtimdoido I would think that this would translate with Divi. I'm not sure how to do that.

    • @pmtimdoido
      @pmtimdoido 3 ปีที่แล้ว

      @@PeeAyeCreative
      I realized that you can modify the part of the "read more" button so I thought I could modify the Search too :-(
      th-cam.com/video/vi-6pIT4OOc/w-d-xo.html

  • @taksheeljoshi19
    @taksheeljoshi19 3 ปีที่แล้ว

    Hello, is there any way to include projects in the search results?

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

      For that check my other tutorial on the custom post type search module.

    • @taksheeljoshi19
      @taksheeljoshi19 3 ปีที่แล้ว

      @@PeeAyeCreative thank you soo much

  • @gtbdomingos7516
    @gtbdomingos7516 3 ปีที่แล้ว

    Hello Friend!
    Can I change the button to just the search icon?
    Exemple: cdn.icon-icons.com/icons2/1129/PNG/512/searchmagnifierinterfacesymbol1_79893.png

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

      Hi there, it is possible, I have achieved it but it is very tricky. Email me for the code if you still need it.

    • @astousylla6412
      @astousylla6412 3 ปีที่แล้ว

      @@PeeAyeCreative Hi, thank you for you great tutorials , i also would like to have the code to replace the button to just the search icon.

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

    So I search into youtube, accurately typing: DIVI PRODUCT SEARCH, and I get your video that has absofackenlutely 0 relevance to what I search for. Can you tell me now, why shouldn't I press the dislike button and report this video for spam?

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

      Excuse me? First, try telling me why your personal anger problem is somehow associated with a video that does not even have the keywords you want, as if I somehow track your internet browsing and strategically am collaborating with Google to show my video when you search for something. Can you tell me why I should not report you to the government for harassment? And I'm actually serious, I will.