Built In Iron & Wool Search Stopped Working in Desktop Layout

[slabar]

Somehow the built in Iron and Wool Theme Search Field has stopped working on non-mobile layouts (works perfect on mobile versions). I have used Google Chromes Inspector and the proper Search URL is being called:

<a href="http://www.themartialartsstore.com/Catalog/merchant.mvc?Screen=SRCH" data-rt-icon="j"></a>

However, once you input an item to search for, then click enter or click the search icon, it returns a 404 Not Found error along with a URL stripped of the necessary merchant.mvc. The missing merchant.mvc is causing the search function not to work. Strange thing is if you go directly to the Search Page itself it works perfectly fine.

http://www.themartialartsstore.com/Catalog/Screen=SRCH

[rajnishsi]

Re: Built In Iron & Wool Search Stopped Working in Desktop Layout

Your search form is not having the action attribute in non-mobile layouts, might have removed accidentally. That's what causing that 404 pages.

[slabar]

Re: Built In Iron & Wool Search Stopped Working in Desktop Layout

Your search form is not having the action attribute in non-mobile layouts, might have removed accidentally. That's what causing that 404 pages.

Sorry I have no idea what you mean. Can you please elaborate a little more or at least guide me in that direction?

Thanks in advance.

[rajnishsi]

Re: Built In Iron & Wool Search Stopped Working in Desktop Layout

When you are in mobile mode, your search form looks like this :

<form action="http://www.themartialartsstore.com/SRCH.html" method="post" class="row mobile-navigation-search">

And when you are in non-mobile mode, then your form looks like this :

<form  style="display: block;" action="Screen=SRCH" method="post"  id="js-global-search" class="column whole large-half bg-white nrp  global-search hide">

So, you should go to global header template (probably this is where your search forms are defined). So check the "action" attribute for both forms, the one in mobile version is correct and you should update accordingly.

[slabar]

Re: Built In Iron & Wool Search Stopped Working in Desktop Layout

I replaced my Global Header two days ago with my working dev site and that did not fix the issue either. Any other ideas?

[rajnishsi]

Re: Built In Iron & Wool Search Stopped Working in Desktop Layout

Okay, my mistake, Iron & Wool theme places it's search bar code in Navigation Bar template area, inside User Interface settings. In a demo theme I had installed prior to 9.0004 update, it looked something like this :

<form action="&mvt:global:sessionurl;Screen=SRCH"  method="post" id="js-global-search" class="column whole large-half  bg-white nrp global-search hide">
    <input type="hidden" name="Store_Code" value="&mvte:store:code;" />
     <input type="search" name="Search" value=""  placeholder="Search&hellip;" class="bg-transparent nb  input-large-font" />
    <button type="submit" class="button  button-square bg-transparent nb np button-large-font"  data-rt-icon="&#x64;"></button>
</form>

[slabar]

Re: Built In Iron & Wool Search Stopped Working in Desktop Layout

No worries. I had already tried that several different ways from Sunday and that doesn't fix it either. I am going back and forth with support right now as it appears they have hard coded it somewhere that is unlocateable in version 9.004.

If you use the new navigation code:

<mvt:item name="readytheme" param="navigationset( 'navigation_bar' )" />

without the search FORM the search icon/bar still appears.

If it wasn't hard coded someplace then the search icon/bar would no longer be present. It's ridiculous that I CANNOT locate it and even more ridiculous that no one seems to know what's going on.

[slabar]

Re: Built In Iron & Wool Search Stopped Working in Desktop Layout

Brennan - You are a God of Coding!!!! Thanks for the fast fix and letting me know where this was hard coded at.

Solution:

1. Click the arrow next to utilities
   
2. Go to ReadyThemes, then click the Navigation Set tab.
   
3. Highlight the Navigation Bar navigation set
   
4. Click the pencil icon to view the template for it.
   

Locate the following OLD Code:

		<form action="&mvt:global:protocol_relative_url;Screen=SRCH" method="post" id="js-global-search" class="column whole large-half bg-white nrp global-search hide">			<input type="hidden" name="Store_Code" value="&mvte:store:code;" />
			<input type="search" name="Search" value="" placeholder="Search&hellip;" class="bg-transparent nb input-large-font" />
			<button type="submit" class="button button-square bg-transparent nb np button-large-font" data-rt-icon="&#x64;"></button>
		</form>

Replace it with the following NEW Code:

		<form action="&mvte:urls:SRCH:rr;" method="post" id="js-global-search" class="column whole large-half bg-white nrp global-search hide">
			<input type="hidden" name="Store_Code" value="&mvte:store:code;" />
			<input type="search" name="Search" value="" placeholder="Search&hellip;" class="bg-transparent nb input-large-font" />
			<button type="submit" class="button button-square bg-transparent nb np button-large-font" data-rt-icon="&#x64;"></button>
		</form>

Save the Changes. All Fixed!

Thanks again Brennan!