The category menu module displays the categories you have created in your store and when you click on category it will filter products in the product listing module by that category. This article shows you how to setup and configure the category menu in your RazorCart store.
Adding the Category Menu to a Page
Most commonly, the Category Menu will be placed on the Product Listing page or the Product Details page. First, navigate to the page you would like to add the Category Menu to. Then, hover over the modules option in the admin menu and select "Add New Module."
Find the Category Menu in the list and drag it to the position you would like it to be in on the page:
You will now need to configure the settings:
Store ID - Select the store you want to display the categories from. This is easy if you only have one store, and still easy if you have multiples!
Category URL Key - Allows you to setup the name of querystring value parameter.
Show Price List - This setting allows your users to filter by price. You will need to upload an XML price list to use this option.
Use Hyperlinks - This setting passes the category name in the querystring to filter.
Show Product Count - This setting will display the number of products in each category next to the category name.
Enable Multi-Selection - This setting allows you to select multiple categories and filter products that fall into any of the selected categories. The "Show checkboxes" setting needs to be selected for this option to work.
Highlight Selected Categories - The selected category/categories will be highlighted so the user can easily see the category they are filtering.
Show Checkboxes - Allow users to select a category using a checkbox.
Tree Icon Type - Select the display for nested categories.
- Plus & Minus - Displays a plus sign when you can expand categories and a minus sign when you can collapse categories.
- Arrows - Displays a right arrow when you can expand categories and a down arrow when you can collapse categories.
Collapse Behavior - This will be the default view when users first come to your store.
- Collapse All Categories - All nested categories will be collapsed.
- Expand First Category - The first category will have its nested categories expanded.
- Expand All Categories - All nested categories will be displayed.
Default Categories - Allows you to select a default category displayed when the category menu first loads, holding ctrl + the mouse left click to multi select the required categories to only use.
Save your settings.
Repeat these steps if you would like to add the Category Menu to any other pages.
You now have all of the tools you need to use the Category Menu in your eCommerce store. If you have any questions, please feel free to Contact Us.