4. You can now go back to your ProNav Items (CMS > ProNav), and choose and select your ProNav Item, and under the static block drop down, it will display the list of compatible static blocks. Choose the new static block you have just created.

+ PRONAV STATIC BLOCK STRUCTURE:

The basic structure of ProNav is defined by rows and columns, rows are represented by divisions (div) calling on the class row, and columns are defined with UL's. The LI's can be represented as the navigation items. Please see examples below.

The below will output a single row with 2 columns:

<div class="row">

<ul>

<li></li>

</ul>

<ul>

<li></li>

</ul>

</div>

The below will output a single row with 4 columns:

<div class="row">

<ul>

<li></li>

</ul>

<ul>

<li></li>

</ul>

<ul>

<li></li>

</ul>

<ul>

<li></li>

</ul>

</div>

The below will output 2 rows with 4 columns in each:

<div class="row">

<ul>

<li></li>

</ul>

<ul>

<li></li>

</ul>

<ul>

<li></li>

</ul>

<ul>

<li></li>

</ul>

</div>

<div class="row">

<ul>

<li></li>

</ul>

<ul>

<li></li>

</ul>

<ul>

<li></li>

</ul>

<ul>

<li></li>

</ul>

</div>

Taking the example; single row with 2 columns, we can add links into the columns, the below shows 1 link in each column:

<div class="row">

<ul>

<li><a href="your-product-url">Your Product Name</a></li>

</ul>

<ul>

<li><a href="your-category-url">Your Category Name</a></li>

</ul>

</div>

You can also use ProNav widgets to generate category listings for you, or manually add them in; like the above example for a more customised menu.

You can place promos into these columns as well, see some more examples below.