Megamenu配置

T3支持megamenu，允許你顯示你的菜單靈活。在列中排列菜單項(xiàng)，將任何內(nèi)容添加到菜單中…

請(qǐng)注意，導(dǎo)航設(shè)置不是全局設(shè)置，這意味著在每個(gè)樣式中，它可以有差異導(dǎo)航。在每個(gè)樣式中，可以顯示不同的菜單作為主菜單。

使megamenu，請(qǐng)打開(kāi)導(dǎo)航標(biāo)簽。使megamenu >選項(xiàng)，然后打開(kāi)megamenu配置面板。

配置水平

有3個(gè)層次的配置，你應(yīng)該知道

子菜單設(shè)置

欄目設(shè)置

菜單項(xiàng)的設(shè)置

1.Megamenu設(shè)置

此設(shè)置允許您配置的子megamenu，寬度添加列，并添加類風(fēng)格吧。

2.欄目設(shè)置

在此配置級(jí)別中，可以添加列、刪除列、設(shè)置列的寬度、將模塊分配到列。

3.菜單項(xiàng)

在這個(gè)級(jí)別的配置，您可以啟用或禁用子菜單，如果菜單項(xiàng)，在組或不顯示子菜單，將菜單項(xiàng)的右側(cè)或左側(cè)，分配一個(gè)模塊一個(gè)模塊的菜單項(xiàng)，添加菜單項(xiàng)圖標(biāo)。

megamenu選項(xiàng)

子菜單

此選項(xiàng)顯示或隱藏父菜單的子菜單。如果菜單沒(méi)有子菜單，當(dāng)你啟用這個(gè)選項(xiàng)，它允許你添加新的菜單和子菜單添加內(nèi)容。

添加子菜單，點(diǎn)擊菜單中要添加子菜單（只能添加一個(gè)菜單，沒(méi)有子菜單的菜單）。

添加新列/行

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

子菜單

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

為新創(chuàng)建的行/子模塊 添加新的行/子菜單后，你可以從任何模塊的顯示內(nèi)容的行/子菜單分配模塊。

移動(dòng)菜單項(xiàng)

可以將菜單項(xiàng)移到下一列或前一列。此選項(xiàng)將幫助你將菜單項(xiàng)在列。

調(diào)整子菜單和列的寬度

T3允許你改變大小的子菜單。選擇子菜單然后改變像素大小。

菜單的改變大小后，您可以更改列的大小，選擇列和設(shè)置寬度（總數(shù)為12）。

風(fēng)格megamenu

你可以為任何級(jí)別的megamenu風(fēng)格：菜單項(xiàng)，添加列，一類為外領(lǐng)域的子菜單。

有2個(gè)文件，你應(yīng)該為MegaMenu添加樣式。

megamenu.less : plugins/system/t3/base/less

megamenu.less : templates/t3_bs3_blank/less

添加菜單項(xiàng)的圖標(biāo)

您可以添加類來(lái)定義圖標(biāo)，你想要添加的菜單項(xiàng)，或者你可以使用類的引導(dǎo)和字體。

讓我們檢查前端

動(dòng)畫設(shè)置

T3支持4種動(dòng)畫類型megamenu。請(qǐng)記住，此功能僅適用于版本：1.2.5 動(dòng)畫配置有2個(gè)字段：動(dòng)畫類型和持續(xù)時(shí)間。

目前，T3支持4種動(dòng)畫類型降低，滑動(dòng)，彈性，和縮放。

主菜單

主菜單，也稱為固定菜單基本上是一個(gè)網(wǎng)站的菜單，這是鎖定到位，使它不會(huì)消失時(shí)，用戶向下滾動(dòng)頁(yè)面；換句話說(shuō)，它是從網(wǎng)站上的任何地方，而無(wú)需滾動(dòng)。 使主菜單有粘性的步驟：

# 1：添加“data-spy”類

1. <nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav">

1. <nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav" data-spy="affix" data-offset-top="70">

# 2：為菜單添加樣式

打開(kāi)模板t3_bs3_blank/less/navbar.less然后替換樣式規(guī)則：

1. .t3-mainnav {
2. border-left: 0;
3. border-right: 0;
4. margin-bottom: 0;
5. border-radius: 0;

1. .t3-mainnav {
2. border-left: 0;
3. border-right: 0;
4. margin-bottom: 0;
5. border-radius: 0;
6. left: 0;
7. right: 0;
8. top: 0;
9. z-index: 999;

小屏幕菜單系統(tǒng)

T3支持小屏幕2導(dǎo)航系統(tǒng)，第一個(gè)是默認(rèn)的引導(dǎo)導(dǎo)航稱為小屏幕折疊導(dǎo)航，二是從畫布的側(cè)邊欄。檢查出帆布邊欄配置文檔

若要啟用默認(rèn)引導(dǎo)導(dǎo)航，請(qǐng)?jiān)?ldquo;導(dǎo)航”選項(xiàng)卡中啟用小屏幕選項(xiàng)折疊導(dǎo)航。

前端外觀

從畫布工具欄配置

新開(kāi)的帆布欄現(xiàn)在是獨(dú)立的小屏幕折疊導(dǎo)航。

關(guān)閉帆布側(cè)邊欄顯示從定義的位置的內(nèi)容

啟用了帆布的側(cè)邊欄 啟用了帆布的側(cè)邊欄，打開(kāi)插件選項(xiàng)卡然后啟用了帆布的側(cè)邊欄。

分配模塊位置了帆布的側(cè)邊欄。默認(rèn)情況下，關(guān)閉畫布將被分配到關(guān)閉畫布位置。

添加了帆布欄的內(nèi)容創(chuàng)建模塊，然后分配給了畫布的位置。

前端外觀

在小屏幕上使用畫布作為導(dǎo)航

如果你想顯示了帆布的側(cè)邊欄導(dǎo)航小屏幕平板電腦，手機(jī)，請(qǐng)禁用了帆布的側(cè)邊欄響應(yīng)布局。

前端外觀