Search Help:  
 
Enter keywords to search help.
Yahoo! Small Business > Yahoo! Small Business Help > Merchant Solutions > Store Editor Help > New Site Search (Beta)

Enabling the new Site Search for Web Hosting stores

Enabling the new Site Search for stores built using Web Hosting tools (stores using Store Tags) has four steps:

Step 1. Create backup copies of your site pages.

In order to enable the new Site Search for your store, you will need to make changes to all pages that the "Search" button appears on in your store. Making backup copies of these pages is advised, so you can easily disable the new Site Search if you wish to.

Step 2. Enable the new Site Search using the Site Search Settings tool.
  1. In Store Manager, click the "Site Search Settings" link.
  2. On the Site Search Settings page, click the "Enable new site search" checkbox.
  3. Click the "Save" button on the confirmation pop-up. Note: This saves your changes, but does not publish the new Site Search to your live site.
  4. Customize your search result settings, visual display settings, and search filter settings.
  5. Publish your settings using the "Publish Search Settings" button.

Step 3. Create the search results page.

You must create a new site page named nsearch.html. This should be located in the top-level directory for your store pages.

Once you've created the nsearch.html page, you must insert a JavaScript code and a div code into this page:

  1. Copy the JavaScript code below, and insert it into your search results page (nsearch.html). Recommended placement of the JavaScript is directly above the page's closing </body> tag.

    New Site Search JavaScript:

    <script type="text/javascript" id="yfc_loader"
    src="http://l.yimg.com/a/lib/smbiz/store/yfc/js/0.11/loader.js?q=samplestoreid&ts=1323801202&p=1&h=order.store.yahoo.net"></script>

    NOTE: Be sure to replace "q=samplestoreid" with your store ID. Typically, your store ID will be in the following format "yhst-11111111111." The code should now contain a string that looks similar to, "q=yhst-111111111111".
  2. Copy the div code below, and insert it into your search results page. Recommended placement of code is as a div element located immediately below the page's opening <body> tag.

    New Site Search div code:

    <div id="ys_searchiframe"></div>

Step 4. Update your store pages to use the new Site Search.

You must update all "Search" buttons in your store, including on your store front, to direct to nsearch.html. You'll also need to include vwcatalog and query inputs in your search form. You may also include the section input if you wish to use the category drop-down feature for your search bar.

These inputs should include the following information:

vwcatalog = store ID (e.g. yhst-11111111111111)
query = search string
section = category ID (used to define categories to be displayed in the search bar drop-down list)

Example code for an HTML form that includes these inputs, and has a text search field and a "Search" button:

<form id="searcharea" name="searcharea" action="nsearch.html" method="GET">
<input type="hidden" value="category-1" name="section">
<input type="text" id="query" name="query">
<input type="submit" value="Search" name="searchsubmit">
<input type="hidden" value="yhst-11111111111111" name="vwcatalog">
</form>

Once you've completed steps 3 and 4, publish your store pages.

Get help with customizing your search result settings, visual display settings, and search filter settings:
Email this page   Print this page  

Was this article helpful?

Yes   No
Click to contact Customer Care for further assistance.

Top 5 Questions

More Resources

Small Business Products