Place Search Field within PHP block

[IchoMusic]

Hi,
I’m trying to place the search field into a template file.
I’ve tried the php code provided but in the place I need to add it … it seems to have an error.

Please find screenshot attached … on line 103 you can see the php search code … and the above and below lines are for a surrounding span.

I’m assuming the search code needs adjusting to fit into this part of the php file but not sure to what?

If you could have a quick look that would be great.

Thanks
Nick

[Ernest Marcinko]

Hi!

Could you please upload the screenshot again? It seems like there is a bug in the support ticket open page.

[IchoMusic]

No probs … here it is again … or have uploaded to our staging site here: http://nptravel2.staging.wpengine.com/wp-content/uploads/NPT-SearchPlacement.jpg

[Ernest Marcinko]

Okay, it’s uploaded fine now. I think the problem is that the entire code is echoed inside the span element. As far as I know only inline elements can be placed inside other inline elements in HTML, so that’s probably the problem. The search code contains divs, images, forms and those elements are invalid inside a span.

Try to change the span to a div and it should work properly then. You might as well need to change or add a few lines to your CSS to get the positioning right.

[IchoMusic]

Hi,

Thanks for having a look.

I’ve adjusted the code … does this look correct on lines 111 – 114

I’ve screenshot the html output (highlighted so you can see the output) in another attached screenshot.

Am I doing something wrong.

[Ernest Marcinko]

The code is incorrect, it’s missing the [ ] tags.

echo do_shortcode('[wpdreams_ajaxsearchpro id=1]');

[IchoMusic]

Hi,

Sorry … I must have copied the wrong bit of code from the documentation.

All working now … thank you!

[Ernest Marcinko]

No problem at all.
Indeed it’s incorrect in the documentation! Thank you for pointing that out.

[IchoMusic]

Hi Again,

Please can I quickly ask how to remove the drop down icon. It’s the down arrow icon in the ‘NPT-icon” screenshot.

The other two screenshots show the settings, which are turned off, but you can see the theme icon is still showing.

Thanks for your help

• This reply was modified 11 years, 8 months ago by IchoMusic.

[IchoMusic]

Update – I just tried this setting .. attached .. and it seems to have removed the icon … not sure why but it’s worked.

[Author]

Posts