Sample Home Page

Replace this with your site's home page.

Cartweaver Search and Navigation Options

Sample navigation and search elements are provided here. Copy the code and modify settings to fit your site design.

Select Navigation Type:

Standard Search Form (all options)

Keywords, Categories and Secondary Categories are all enabled.
Relation of categories and secondaries is enabled. (Select a main category to narrow down available secondary categories).
Empty categories (no products available) are not included, and the number of products available in each category is shown.
Default options (All Categories, All Subcategories) are provided.

Search Form with No Keywords, No Defaults, Empty Categories Included

Categories and Secondary Categories are enabled, Keywords field is disabled.
Relation of categories and secondaries is disabled, and default options (e.g. All Categories) are not provided.
Empty categories with no products available are included, and the number of products available in each category is not shown.

Search Form with Keywords field only

Categories and subcategories are disabled. A custom phrase is defined for the initial text in the search box.

Category Links with All Defaults

Search links are created automatically for all top-level and secondary categories.
Secondary categories are related, and categories with no products are not shown.

 

Top Level Categories with Custom Links & Delimiter

Search links are created automatically for all top-level categories.
Secondary links are disabled, and categories with no products are not shown.
The default link ('All Products') is provided, custom links (Home, Contact Us) are inserted, and a custom delimiter (•) is used.

 

Vertical Nested Show/Hide Navigation Menu

Nested links are created automatically for all top-level and secondary categories.
This method generates pure HTML, which can be used in a number of ways.
CSS controls the layout, with custom jQuery javascript for the show/hide action.
The menu ID is user defined for easy selection.


Note: this sample, and the horizontal menu above both use the same specifications.
The only difference is the application of CSS and javascript (jQuery).

 

Cartweaver uses a single custom tag for all search forms and navigation links, with options for the various types of display.
These examples are all output by the same single search/navigation module, with different options selected.
See the source code of cw-mod-searchnav.php and this index page for the available options, and some corresponding css and jQuery javascript examples.

Cartweaver ColdFusion eCommerce

Support: http://www.cartweaver.com/support

FAQ: http://www.cartweaver.com/faq

Blog: http://www.cartweaver.com/blog

Community Forum: http://www.cartweaver.com/forum