Setting up and customising product search

Mentor ,
Mar 14, 2012 Mar 14, 2012

Copy link to clipboard

Copied

Adding a Product Search Function to your Website

The product search feature allows customers to:

  • Search for products within all catalogues or within a particular catalogue
  • Enter keywords to search a product name or product code
  • Search and specify a price range for the products
  • Sort the results in a number of sorting options available

The search functionality can be added to any web page. Ideally you may want to add this to your online shops overall template so as customers browse the catalogues they can just easily search for products.

image168.png

Specifying the Web Page to display search results on

By default, the search results for a product search module are displayed on the same web page where the search module was inserted. You will notice {module_productresults} appended below the product search form. However you can customize and have the search results appear on a different web page. If you add the module to a template, then you must customize the form to specify the web page to display the results on.

To customize, add your product search form to any web page and go into the HTML view. Locate the opening <form> with this action URL:

action="/Default.aspx?A=ProductSearch&PageID={module_oid}"

Replace PageID={module_oid} with ID=URL of your results page. Your web page URL must start with a slash (/).

Example:

action="/Default.aspx?A=ProductSearch&ID=/Results.htm">

Editing Price Range Criteria

When the form is inserted into a page it will include a default set of price ranges that customers can search through. But you can easily change this to suite your online shop. After adding the form to a web page, go into the HTML view and locate:

<select class="cat_dropdown_small" id="CAT_ProductPrice" name="CAT_ProductPrice" >          
                          <option value="-1,-1">Any Price</option>          
                          <option value="0,50">$0-$50</option>          
                          <option value="51,100">$51-$100</option>          
                          <option value="101,150">$101-$150</option>          
                          <option value="151,200">$151-$200</option>          
                          <option value="201,300">$201-$300</option>          
                          <option value="301,-1">Over $300</option>          
                          </select>

Simply use the same format as above but change the prices to suite your needs.

Sorting of Results

When you customize your online shop you can specify the sort type in which products appear in. These are the sort types available:

  • Weighting – Your own custom order. Products will be sorted according to weight if they have a number in the weight field
  • Alphabetical - This is the default sort
  • Date – Newest Products first
  • Price – Least price first

Note: The Product Search module is different to the website Search module. You can find the former module under Module manager where the latter is found under the Modules -> Site Search.

Customizing Product Search Results Module

Similarly to the product and catalogue list modules discussed below the product search results module can be customized.

When you first insert this module onto a web page it will appear as:

{module_productresults}

This module can take the following inputs:

{module_productresults, rowLength, targetFrame, resultsPerPage}


rowLength - Number of products per row

targetFrame - e.g. _blank. Specify the frame you want the product to open in

resultsPerPage - Number of products per page

Example:

{module_ productresults,4,,12}


Customising the search criteria

The product search has a couple of different searching modes which you can take advantage of.....however by default only the product name is searched for the best results.

You can configure the Product Search in the following ways:

  • Product Name only
  • Product Name, Description and Tags

To configure the product search form to search everything simply alter the Action URL of the form from:

action="/Default.aspx?A=ProductSearch..."

to

action="/Default.aspx?A=ProductSearch...&SE=True"

TOPICS
Documentation

Views

8.7K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Nov 29, 2012 Nov 29, 2012

Copy link to clipboard

Copied

Hi, Is there anyway to see what customers are searching on for product search?

(As it's not a site search there doesn't look like there is an audit for search terms used and we'd love to see the entries for product search so we can better develop new products - e.g if every second person looks for a colour called Aqua we'd be able to create more Aqua products etc).

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Dec 13, 2012 Dec 13, 2012

Copy link to clipboard

Copied

Hi Mario, is there a way to customize the pagination of the {module_productresults} so that it's like {tag_previouspage,<img alt="" src="/CatalystImages/module_previous.png" />}{tag_pagination} {tag_nextpage,<img alt="" src="/CatalystImages/module_next.png" />}. I've inserted that code inside the <div class="paging"> that I copied from my online shop module's Overall Layout, but it displays the actual tags instead of the values (page number links in this case). Currently {module_productresults} only displays small "Previous | Next" links on the lower left hand side of the results, which is inconsistent with the rest of the site.

Thanks

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 25, 2013 Feb 25, 2013

Copy link to clipboard

Copied

Hi Andrew.
Did you ever receive an answer to this question? (Product Search Pagination Styling)

Cheers, Simon.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 25, 2013 Apr 25, 2013

Copy link to clipboard

Copied

Evening Mario,

I have used lots of your tutorials and was wondering if you had a solution for a problem I have.

I want an advanced search for example I want to be able to search All green cotton fabrics. I have a series of drop down boxes created to enable me to search for a variety of things. An example problem is that when I want to search for a Green Cotton fabricit runs a search for a product with the Green or Cotton in so I end up with red cottons and green polyester fabrics!

I have tried

  • Searching by Custom 1, 2, 3, 4
  • Putting a colours catalogue in

Can I edit the {module_catalogueselect} tag so that I can search by only certain calalogues?

Click here to see what I mean

Thanks in Advance

Carl

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Jul 10, 2013 Jul 10, 2013

Copy link to clipboard

Copied

Hey,  you don't actually give any instructions on where to find and how to add the product search form!!!

Where is the form?   I can't find it.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Aug 08, 2013 Aug 08, 2013

Copy link to clipboard

Copied

Same question as Jefferis... I see talk of adding it, but not any instructions on how to add the search.  http://kb.worldsecuresystems.com/652/bc_652.html?bc-partner#main_Adding_a_Product_Search_Function_to...  seems to be the predecessor to this page.

For us newbies to the cataloging, could you

1. Spell out how to add search please?

*update: I've found: http://helpx.adobe.com/business-catalyst/partner/add-search-form.html

Which shows:

"

Add a search box to a template

    

  1. Open the template in editing mode by selecting Site Manager > Page Templates, and choosing the template from the list of templates.
  2. Place the cursor in the content editor where you want to insert the search box.
  3. In the Modules tab of the Toolbox found on the right of the editor, select Site Modules > Search, and then click Site Search Form. The default search module is configured to search the entire website except for secure zones. You can define search modules with different settings. See Define different searches.
  4. Click Insert. Business Catalyst inserts both the search box and the results module in the template.
  5. Delete the results module tag, {module_searchresults}. The results module is not used in the template. You added it to the results page.
  6. Click Save Draft.

"

-------------------------------------

assuming this is how to add it to the catalog? (Y/N)?

-------------------------------------

2. Show some examples of using attributes vs. using grouping,

3. How to display relevant items in the catalog on specific pages please?  (What techniques you would suggest?)

Any screenshots and or examples are gladly welcomed.

Thanks ahead of time.

Here's a link to the catalog I've got currently; but need to be able to break up so customers can more easily find items.

http://www.sealritewindows.com/Seal-Rite_Window_Repair_Store

(Also, any tips on how to use the grouping tags when doing a mass upload via spreadsheet would be great, thanks.)

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Sep 05, 2013 Sep 05, 2013

Copy link to clipboard

Copied

There doesn't seem to be any way to modify module_catalogueselect, there isn't even a module description in the quick views.

Hi, I've tried to get help from tech support, but can't get a straight answer:

I read the article. However it does not have a description of how to search either within One catalog or how to exclude other catalogs. Right now my search code does not seem to enable catalog specificity, but all catalogs are displayed in the popup menu:


<select class="cat_dropdown_small" id="CAT_ProductCatalogue" name="CAT_ProductCatalogue">{module_catalogueselect}</select></div>
<div class="item"><label for="CAT_ProductSearch">Keywords</label><br />
<input type="text" class="cat_textbox_small" id="CAT_ProductSearch" name="CAT_ProductSearch" maxlength="255" /></div>
<div class="item"><label for="CAT_ProductPrice">Price</label><br />


The Site Manager Site Search options allow you to select products or catalogs but not select which catalogs to search.

Restricting search is relatively easy in MySQL with queries. There doesn't seem to be an easy way to to that in BC…

This would only be for products in catalogs and not the site search Search...

The product search option does not allow you to specify select catalogs either.   

This is why I think BC is way behind the curve for database management. Simple tasks prove either impossible, or you have to third tier level programmer to modify everything with complex javascripts...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 26, 2013 Nov 26, 2013

Copy link to clipboard

Copied

Can this be added to the wishlist?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 26, 2013 Nov 26, 2013

Copy link to clipboard

Copied

Can this be added to the wishlist?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 26, 2013 Nov 26, 2013

Copy link to clipboard

Copied

LATEST

Hi,

Did you get an answer about this (searching within specific catalogs or excluding specific catalogs)?

If not could Support please get back to us about this - I have a new client that I cannot proceed with until this is sorted.

Thanks

Madeleine

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 19, 2013 Nov 19, 2013

Copy link to clipboard

Copied

Mario thanks for the post.

Is there a way of adding the Calendar Module to the Product Search form?

I want the user to search for products based on dates (have set live and expiry dates of 24hrs. Products = venues for hire), however, I am unable to search via dates.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
Nov 19, 2013 Nov 19, 2013

Copy link to clipboard

Copied

Hey there, there's no way to do that right now.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines