Megamenu配置
T3支持megamenu,允許你顯示你的菜單靈活。在列中排列菜單項,將任何內容添加到菜單中…

請注意,導航設置不是全局設置,這意味著在每個樣式中,它可以有差異導航。在每個樣式中,可以顯示不同的菜單作為主菜單。
使megamenu,請打開導航標簽。使megamenu >選項,然后打開megamenu配置面板。

配置水平
有3個層次的配置,你應該知道
子菜單設置
欄目設置
菜單項的設置
1.Megamenu設置

此設置允許您配置的子megamenu,寬度添加列,并添加類風格吧。
2.欄目設置

在此配置級別中,可以添加列、刪除列、設置列的寬度、將模塊分配到列。
3.菜單項

在這個級別的配置,您可以啟用或禁用子菜單,如果菜單項,在組或不顯示子菜單,將菜單項的右側或左側,分配一個模塊一個模塊的菜單項,添加菜單項圖標。
megamenu選項
子菜單
此選項顯示或隱藏父菜單的子菜單。如果菜單沒有子菜單,當你啟用這個選項,它允許你添加新的菜單和子菜單添加內容。
添加子菜單,點擊菜單中要添加子菜單(只能添加一個菜單,沒有子菜單的菜單)。

添加新列/行
您可以為選定的列/行添加新列或行。

子菜單
你可以任何菜單項的子菜單中選擇組菜單項然后啟用選項“組”。

為新創建的行/子模塊 添加新的行/子菜單后,你可以從任何模塊的顯示內容的行/子菜單分配模塊。

移動菜單項
可以將菜單項移到下一列或前一列。此選項將幫助你將菜單項在列。

調整子菜單和列的寬度
T3允許你改變大小的子菜單。選擇子菜單然后改變像素大小。

菜單的改變大小后,您可以更改列的大小,選擇列和設置寬度(總數為12)。

風格megamenu
你可以為任何級別的megamenu風格:菜單項,添加列,一類為外領域的子菜單。

有2個文件,你應該為MegaMenu添加樣式。
megamenu.less : plugins/system/t3/base/less
megamenu.less : templates/t3_bs3_blank/less
添加菜單項的圖標
您可以添加類來定義圖標,你想要添加的菜單項,或者你可以使用類的引導和字體。
![]()
讓我們檢查前端

動畫設置
T3支持4種動畫類型megamenu。請記住,此功能僅適用于版本:1.2.5 動畫配置有2個字段:動畫類型和持續時間。

目前,T3支持4種動畫類型降低,滑動,彈性,和縮放。
主菜單

主菜單,也稱為固定菜單基本上是一個網站的菜單,這是鎖定到位,使它不會消失時,用戶向下滾動頁面;換句話說,它是從網站上的任何地方,而無需滾動。 使主菜單有粘性的步驟:
# 1:添加“data-spy”類
- <nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav">
- <nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav" data-spy="affix" data-offset-top="70">
# 2:為菜單添加樣式
打開模板t3_bs3_blank/less/navbar.less然后替換樣式規則:
- .t3-mainnav {
- border-left: 0;
- border-right: 0;
- margin-bottom: 0;
- border-radius: 0;
- .t3-mainnav {
- border-left: 0;
- border-right: 0;
- margin-bottom: 0;
- border-radius: 0;
- left: 0;
- right: 0;
- top: 0;
- z-index: 999;
小屏幕菜單系統
T3支持小屏幕2導航系統,第一個是默認的引導導航稱為小屏幕折疊導航,二是從畫布的側邊欄。檢查出帆布邊欄配置文檔
若要啟用默認引導導航,請在“導航”選項卡中啟用小屏幕選項折疊導航。

前端外觀

從畫布工具欄配置
新開的帆布欄現在是獨立的小屏幕折疊導航。
關閉帆布側邊欄顯示從定義的位置的內容
啟用了帆布的側邊欄 啟用了帆布的側邊欄,打開插件選項卡然后啟用了帆布的側邊欄。

分配模塊位置了帆布的側邊欄。默認情況下,關閉畫布將被分配到關閉畫布位置。

添加了帆布欄的內容創建模塊,然后分配給了畫布的位置。

前端外觀

在小屏幕上使用畫布作為導航
如果你想顯示了帆布的側邊欄導航小屏幕平板電腦,手機,請禁用了帆布的側邊欄響應布局。

前端外觀






