How to Add Category Links at the Top of Your Product Store

Adding Product Category Links to the top of your MatrixMaxx product store can help your users find what they are looking for faster. In this article, we will walk through the steps you need to add these.  This does take some very basic understanding of HTML, but is not very complex.

You can see an example of these category links here.

1. In MatrixMaxx, go to the ‘Add New Product’ Page. Scroll down to the category you want to add a link for.  Right click on the check box next to the category you want.  Select to ‘Inspect Element’ (This works in Firefox and Chrome.  If you are using IE, you will need to view the source and find the category in the source). When the Inspect Element window comes up, Look at the code for that check box and look for value=”XX”. this number is the value of that category.
2. Go to the “Edit Store Front’ Page. Enter the following HTML code into the field for ‘Store Front Text’:

   <table>
   <tbody><tr>
   <td>
   <ul>
   <li><a href="/forms/store/ProductFormPublic/search?action=1&Product_categories_Checkboxes=1">Starting Up</a></li>
   
   <li><a href="/forms/store/ProductFormPublic/search?action=1&Product_categories_Checkboxes=6">Administration</a></li>
   
   <li><a href="/forms/store/ProductFormPublic/search?action=1&Product_categories_Checkboxes=12">Boards & Governance</a></li>
   
   <li><a href="/forms/store/ProductFormPublic/search?action=1&Product_categories_Checkboxes=27">Family Philanthropy</a></li>
   
   <li><a href="/forms/store/ProductFormPublic/search?action=1&Product_categories_Checkboxes=2d">Grantmaking</a></li>
   
   <li><a href="/forms/store/ProductFormPublic/search?action=1&Product_categories_Checkboxes=4a">Impact & Evaluation</a></li>
   </ul>
   </td>
   <td>     
   </td>
   <td>
   <ul>
   <li><a href="/forms/store/ProductFormPublic/search?action=1&Product_categories_Checkboxes=4f">Investments</a></li>
   
   <li><a href="/forms/store/ProductFormPublic/search?action=1&Product_categories_Checkboxes=71">Leadership</a></li>
   
   <li><a href="/forms/store/ProductFormPublic/search?action=1&Product_categories_Checkboxes=5b">Tax & Legal</a></li>
   
   <li><a href="/forms/store/ProductFormPublic/search?action=1&Product_categories_Checkboxes=72">Technology</a></li>
   
   <li><a href="/forms/store/ProductFormPublic/search?action=1&Product_categories_Checkboxes=73">Transition Points</a></li>
   
   <li><a href="/forms/store/ProductFormPublic/search?action=1">View All Products</a></li>
   </ul>
   </td>
   </tr>
   </tbody></table>

3. For each link listed in the code, Change the link text to be the name of your category. Also for each checkbox link, change ‘Checkboxes=1’ so the your category value replaces the 1.

If you know advanced HTML, you can get more creative, but this will give you two columns of links to product category listing.

You can also follow these same instructions for links to listings of Product Types.  The links in that case would be:

/forms/store/ProductFormPublic/search?action=1&Product_type=1