Fekra

Business Catalyst Template – Mega menu creation

image description

Business Catalyst Template – Mega menu creation

How create mega menus in Business Catalyst Template?

For this process, we required ready Mega Menu HTML with CSS and JS. If this is ready then we can deploy our HTML code into Business Catalyst Templates very effectively. Below is the process – how to add menu tags in to the content holder.

First you understand – How create content holder and how to add in to the Template or in to the page Cliek here

Business Catalyst Templates, Free Adobe Business Catalyst Templates, Responsive Business Catalyst Templates, Free Business Catalyst Templates, Business Catalyst Responsive web design template

So basically we replace the HTML code in to the JSON. In Below case, we mention menuID as per admin console, WE can give some collection name also

	{module_menu menuId="14623" collection="main_menu" template=""}
		ul class="nav navbar-nav navbar-center"
		{% for item in main_menu.items -%}
			li
				.....
			/li
		{% endfor -%}
		/ul

Below is the code for the Mega Menu

Business Catalyst Templates, Free Adobe Business Catalyst Templates, Responsive Business Catalyst Templates, Free Business Catalyst Templates, Business Catalyst Responsive web design template

So first level Lable, CSS, Item Name, href, target, will be define with item.

First Level JSON Code

Lable name = {{item.label}}
CSS Name = {{item.css}}
Page Link Name = {{item.url}}

Second Level JSON Code

Lable name = {{item2.label}}
CSS Name = {{item2.css}}
Page Link Name = {{item2.url}}

Third Level JSON Code

Lable name = {{item3.label}}
CSS Name = {{item3.css}}
Page Link Name = {{item3.url}}

Leave Comment

Related News

This is a demo store for testing purposes — no orders shall be fulfilled. Dismiss

X