Compatibility with another plugin

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Compatibility with another plugin

This topic contains 21 replies, has 2 voices, and was last updated by Yaseen Yaseen 6 years, 6 months ago.

Viewing 7 posts - 16 through 22 (of 22 total)
  • Author
    Posts
  • #8201
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi Yaseen!

    Can you please tell me which file it was you edited to put the search to the header?

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #8219
    Yaseen
    Yaseen
    Participant

    Hi Ernest,

    Its the same file you edited yourself. This is what you did:
    “To answer your other ticket as well:
    I’ve made another search instance “Header search bar” for you and placed it to the header bar. The file I had to edit was the wp-content/themes/jupiter/views/header/global/search.php.
    I did a basic styling and enabled compact mode for that instance, so it acts similarly as the previous search there. Feel free to style it 🙂 I hope it is what you needed.

    If you don’t need that, just remove this code from that file:

    <?php
    /* Ajax Search Pro bar START */
    echo ‘<div class=”mk-header-search”>’;
    echo do_shortcode(‘[wpdreams_ajaxsearchpro id=4]‘);
    echo ‘</div>’;
    return false;
    /* Ajax Search Pro bar END */
    ?>
    Best,
    Ernest Marcinko

    #8224
    Yaseen
    Yaseen
    Participant

    Hi Ernest,

    This is a kind reminder of my issue.

    Thanks in advance,
    Yaseen

    #8225
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi!

    I’m asking because currently the search is currently on on that place where your screenshot shows: https://wp-dreams.com/wp-content/uploads/2016/03/22/yaseen/8131/yaseen/Screen-Shot-2016-03-25-at-9.11.10-PM.png?3a5cc6

    Currently I can see it where I originally put it: https://i.imgur.com/79yBsbp.png

    Can you please put it beside the logo so I can check the problem, or tell me which file to edit to put it beside the logo?

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #8229
    Yaseen
    Yaseen
    Participant

    Hi,

    Oh sorry i forgot to tell you that i removed the code there.
    I edited the file wp-content/themes/jupiter/views/header/styles/header-2.php

    Thanks,
    Yaseen

    #8240
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi!

    The problem is that the logo container is not a flexible element, so it’s hard to place it there without the theme authors suggestions.

    I placed the 4th search instance to the file you suggested and applied the following custom CSS rules:

    #ajaxsearchpro4_1 {
       display: block;
        vertical-align: middle;
        flex-grow: 1;
        flex-basis: 500px;
    }
    
    #ajaxsearchpro4_1 .probox svg {
       vertical-align: top !important;
    }
    
    .header-logo {
        display: inline-block;
        width: auto;
    }
    
    .add-header-height {
        justify-content: center;
        display: flex;
        align-items: flex-start;
        align-items: center;
    }

    This changes the logo container to a display: flex; element, which allows growing/shrinking based on the screen width. (these rules you can find on the Custom CSS section of the 4th search instance). This is not a final solution, you will have to test different resolutions as well. I’m way beyond my support duties helping you with the customizations, I hope you understand.

    I also suggest asking the theme developer in case you need a better suggestion on where to exactly put the module, he might know much better implementation than I do.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #8241
    Yaseen
    Yaseen
    Participant

    Hi Ernest,

    Thanks for your great support. I appreciate your help.

    Regards,
    Yaseen

Viewing 7 posts - 16 through 22 (of 22 total)

You must be logged in to reply to this topic.