TOP

v65:productSearch

<v65:productSearch></v65:productSearch>

Description: Implementing this tag on your webstore gives your consumers access to a smart search bar within your products section. This allows consumers to search your ecommerce store quicker and easier than navigating through several menus and pages. This helps attract potential buyers with relevant options while they are searching for items to buy.

Implementation suggestions: Placement depends on the design, but adding the search bar right above the main content tag will put it right above the list of products and is easily accessible to users. Here are some other tips to consider:

  • Keep the bar large as much as you can.
  • Use known visual cues, like a magnifying glass
  • Spell check product descriptions

If you are using a partially or fully customized 3rd-party template, some CSS work might be required to optimize the style and visibility of search results for mobile users.

System access requirements: Domain Admin access is required to add the HTML widget directly into a page. Go to Admin Panel under Settings > Designer Launch.

In order to make changes to the page templates, the "is Designer?" box will need to be checked for FTP access by you or any designers outside of WineDirect to make CSS code changes.

Click here to learn more about the FTP site structure. 

Parameters:
value = text that you want to display in the input.

HTML source output:

<form method="get" action="">

   <input type="hidden" nam e="method" value="" />
  
   <fieldset>

       <div id="v65-searchWidgetInput">
           <input type="text" name="searchText" value="" />
           <select name="searchType" >
               <option value="Wine">Wine</option>
               <option value="Spirit" >Spirit</option>
           </select>
       </div>

       <div id="v65-searchWidgetButton">
            <button type="submit" value="submit" class="defaultBtn"><span>Search</span></button>
        </div>

    </fieldset>

</form>

Base CSS from vin65.css

/* Search Widget */
#v65-searchWidgetInput
 #v65-searchWidgetInput input
 #v65-searchWidgetInput select
#v65-searchWidgetButton