文章彙整

如何在Magento 2 加上麵包屑

By Astral Web 1 month agoNo Comments
首頁  /  Magento  /  Magento開發  /  如何在Magento 2 加上麵包屑

雖然 magento 本來就有麵包屑了,但並不是每個頁面都有麵包屑;若遇上需要加上麵包屑的需求要如何補上去?

※這篇文章將以登入頁為實例說明

 

  1. 首先,要看網址找出  xml ,以 [damain]/customer/account/login/ 為例。

要找出的 xml 檔名為  customer_account_login.xml,若有已存在於 app\code\ 底下的檔案來改是最好 ,但若沒有那就需要手動建一個了。

所謂的麵包屑指的是紅框的部分

麵包屑

 

2. 我建一個 extension AstralWeb_Customer 來放我的程式,檔案放哪裡沒差。

php pestle.phar generate_module AstralWeb Customer 0.0.1

建立 app\code\AstralWeb\Customer\view\frontend\layout\customer_account_login.xml

<?xml version="1.0"?>

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column"

     xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">

   <body>

       <referenceContainer name="content">

           <block class="AstralWeb\Customer\Block\Index" name="astralweb_customer_block_index" cacheable="true" />

       </referenceContainer>

   </body>

</page>

name 的部分注意別重複

class 指定會引用到的 class

所以接下來需要建立會用到的檔案 app\code\AstralWeb\Customer\Block\Index.php

 

<?php

namespace AstralWeb\Customer\Block;


use Magento\Framework\View\Element\Template;


/**

* Class Index

* @package AstralWeb\Customer\Block

*/

class Index extends Template

{

   /**

    * @return $this

    * @throws \Magento\Framework\Exception\LocalizedException

    */

   public function _prepareLayout()

   {

       $breadcrumbs = $this->getLayout()->getBlock('breadcrumbs');


       $breadcrumbs->addCrumb(

           'home',

           [

               'label' => __('Home'),

               'title' => __('Go to Home Page'),

               'link' => $this->getUrl('/'),

           ])->addCrumb(

           'market',

           [

               'label' => __('login'),

               'link' => $this->getUrl('customer/account/login'),

           ]);

       return parent::_prepareLayout();

   }

}

 

3.在 app\code\AstralWeb\Customer\Block\Index.php 裡建立一個 _prepareLayout

便會在 Layout 最前面執行並將組合好的麵包屑吐出

4.最後別忘記補上語系檔(如果有需要),總共需要建立的檔案如圖:

 

以上在Magento 2 加上麵包屑的實際操作完成!

更多Magento相關文章請看: Magento教學導覽

請務必訂閱我們的電子報,以及追蹤我們的臉書粉絲團,才能收到第一手的最新資訊喔!

 

 

以上內容由Astralweb 歐斯瑞編寫製作

 000

推薦文章

Category:
  Magento開發

留下回應

你的電子郵件地址不會被公開.

取得獨家電子商務祕技

建立更好的策略靈感

跟上全球的網路趨勢

絕佳的電商解決方案

電子商務戰略全指南

每月發送電商戰略指南,只要填寫E-mail即可訂閱!

請到您的信箱確認,即可完成訂閱。