2022-08-19 11:03:44 - 米境通

   

    在本教程中，我們將探討OpenCart中布局的概念。我們將從探索OpenCart中可用的核心布局開始，隨著我們的前進(jìn)，我們將了解如何創(chuàng)建新布局。此外，我們將看到布局與產(chǎn)品，類別和模塊的關(guān)聯(lián)。

    我假設(shè)您使用的是最新版本的OpenCart2.0。當(dāng)然，在早期版本的OpenCart中也可以使用布局，但是我們會(huì)堅(jiān)持使用最新版本，因?yàn)槠浣缑媾cOpenCart1.x版本的界面并不完全相同。

    對(duì)OpenCart布局的概念理解

    OpenCart中的“布局”是在前端組織和提供用于各種頁面的模板的概念。當(dāng)您說不同的頁面“種類”是什么意思？如果您查看OpenCart中的不同頁面，您會(huì)注意到布局“結(jié)構(gòu)”在每個(gè)頁面中都不相同。例如，“產(chǎn)品列表”頁面的布局與“產(chǎn)品詳細(xì)信息”頁面的布局不同。

    此外，結(jié)構(gòu)在不同頁面（例如“帳戶頁面”，“聯(lián)系頁面”，“結(jié)帳頁面”等）中也有所不同。因此，這是布局進(jìn)入圖片的地方。您可以說布局是裝飾模板，通過填充特定布局可用的插槽和模塊來準(zhǔn)備整個(gè)頁面。

    另一方面，布局在OpenCart中也很有用，可以為頁面分配不同的模塊。例如，如果您想在產(chǎn)品詳細(xì)信息頁面上顯示“橫幅”模塊，則可以從后端進(jìn)行操作，因?yàn)楹诵闹幸呀?jīng)存在“產(chǎn)品”詳細(xì)信息布局。OpenCart還允許您從后端創(chuàng)建新的布局，以便您可以覆蓋分配給前端不同頁面的默認(rèn)布局。

    探索核心布局

    讓我們看一下OpenCart中可用的內(nèi)置布局。轉(zhuǎn)到OpenCart的后端。在導(dǎo)航中，轉(zhuǎn)到系統(tǒng)>設(shè)計(jì)>布局，它將列出核心布局。

    布局清單

    如您所見，這里有相當(dāng)多的現(xiàn)有布局。單擊Home布局的Edit圖標(biāo)，如上面的屏幕截圖所示，以配置與布局相關(guān)的設(shè)置。

    布局編輯視圖

    讓我們了解配置的每個(gè)部分到底代表什么。

    版面名稱

    這只是布局的名稱。應(yīng)該將其設(shè)置為明智的設(shè)置，以在稍后模塊分配期間為我們提供幫助。

    路線分配

    這里重要的是“Route”列的值，該值向OpenCart建議，只要前端頁面中存在包含“common/home”的URL，它都應(yīng)激活此與布局有關(guān)的設(shè)置。這意味著它將在前端的主頁請(qǐng)求期間激活分配給該布局的所有模塊。

    模塊分配

    在此部分中，您可以看到模塊已經(jīng)配置為顯示在主頁上。盡管可以添加更多模塊以將其顯示在主頁上的不同位置，但已將三個(gè)模塊分配給“內(nèi)容頂部”位置。例如，您可以在“內(nèi)容底部”位置添加“橫幅”模塊。

    同樣，您也可以配置其他布局的設(shè)置。OpenCart提供了一個(gè)非常方便的界面，可以將模塊分配給布局的不同位置。

    在接下來的兩節(jié)中，我們將看到如何創(chuàng)建新的布局并使用該布局覆蓋OpenCart的核心布局。

    從后端添加新布局

    轉(zhuǎn)到系統(tǒng)>設(shè)計(jì)>布局頁面。單擊+號(hào)以添加新的布局。如以下屏幕截圖所示，填寫所需的信息并保存。