在Magento 2中如何覆蓋phtml或布局核心文件？

Question

我在Magento 2中開發了“Hello world”擴展。

我想覆蓋聯系我們的核心文件形式。 什么是覆蓋的正確方法在Magento 2中聯系我們表單文件。

請幫我。 任何幫助，將不勝感激。

Answer 1

與之前的兩個答案不同，我選擇從布局中刪除原始塊 ，並使用我自己的模板添加一個新 塊。

我們將創建一個新模塊VendorName_ModuleName ，我們需要為其創建以下文件：

/app/code/VendorName/ModuleName/view/frontend/layout/contact_index_index.xml
/app/code/VendorName/ModuleName/view/frontend/templates/form.phtml
/app/code/VendorName/ModuleName/etc/module.xml
/app/code/VendorName/ModuleName/composer.json
/app/code/VendorName/ModuleName/registration.php

Magento 2中的每個模塊都有唯一的名稱，由兩部分組成。 第一部分是描述構建擴展的公司，個人或團體的詞。 這有時稱為“ 供應商 ”命名空間。 模塊名稱的第二部分是描述模塊功能的單詞。

Alan Storm ，在他的教程Magento 2 Hello World Module中

contact_index_index.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>


        <!-- Remove the original Contact Form -->
        <referenceBlock name="contactForm" remove="true"/>


        <!-- Add a custom Contact Form -->
        <referenceContainer name="content">
            <block class="Magento\Contact\Block\ContactForm" name="customContactForm" template="My_Module::form.phtml" />
        </referenceContainer>


    </body>
</page>

在上面的代碼中，我刪除了原始表單Block並通過在referenceContainer內容中添加我自己的表單來替換它。

注意：

在contact_index_index.xml ，代碼template="My_Module::form.phtml"是指您的自定義聯系表單的phtml 。

form.phtml

現在，您需要制作自定義表單模板。 您可以復制原始文件並對此文件進行修改。

<form class="form contact"
      action="<?php /* @escapeNotVerified */ echo $block->getFormAction(); ?>"
      id="contact-form"
      method="post"
      data-hasrequired="<?php /* @escapeNotVerified */ echo __('* Required Fields') ?>"
      data-mage-init='{"validation":{}}'>
    <fieldset class="fieldset">
        <legend class="legend"><span><?php /* @escapeNotVerified */ echo __('Write Us') ?></span></legend><br />
        <div class="field note no-label"><?php /* @escapeNotVerified */ echo __('Jot us a note and we’ll get back to you as quickly as possible.') ?></div>
        <div class="field name required">
            <label class="label" for="name"><span><?php /* @escapeNotVerified */ echo __('Name') ?></span></label>
            <div class="control">
                <input name="name" id="name" title="<?php /* @escapeNotVerified */ echo __('Name') ?>" value="<?php echo $block->escapeHtml($this->helper('Magento\Contact\Helper\Data')->getUserName()) ?>" class="input-text" type="text" data-validate="{required:true}"/>
            </div>
        </div>
        <div class="field email required">
            <label class="label" for="email"><span><?php /* @escapeNotVerified */ echo __('Email') ?></span></label>
            <div class="control">
                <input name="email" id="email" title="<?php /* @escapeNotVerified */ echo __('Email') ?>" value="<?php echo $block->escapeHtml($this->helper('Magento\Contact\Helper\Data')->getUserEmail()) ?>" class="input-text" type="email" data-validate="{required:true, 'validate-email':true}"/>
            </div>
        </div>
        <div class="field telephone">
            <label class="label" for="telephone"><span><?php /* @escapeNotVerified */ echo __('Phone Number') ?></span></label>
            <div class="control">
                <input name="telephone" id="telephone" title="<?php /* @escapeNotVerified */ echo __('Phone Number') ?>" value="" class="input-text" type="text" />
            </div>
        </div>
        <div class="field comment required">
            <label class="label" for="comment"><span><?php /* @escapeNotVerified */ echo __('What’s on your mind?') ?></span></label>
            <div class="control">
                <textarea name="comment" id="comment" title="<?php /* @escapeNotVerified */ echo __('What’s on your mind?') ?>" class="input-text" cols="5" rows="3" data-validate="{required:true}"></textarea>
            </div>
        </div>
        <?php echo $block->getChildHtml('form.additional.info'); ?>
    </fieldset>
    <div class="actions-toolbar">
        <div class="primary">
            <input type="hidden" name="hideit" id="hideit" value="" />
            <button type="submit" title="<?php /* @escapeNotVerified */ echo __('Submit') ?>" class="action submit primary">
                <span><?php /* @escapeNotVerified */ echo __('Submit') ?></span>
            </button>
        </div>
    </div>
</form>

為registration.php

只需將VendorName_ModuleName替換為您自己的。

<?php
\Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::MODULE,
    'VendorName_ModuleName',
    __DIR__
);

module.xml

將VendorName_ModuleName替換為您自己的和0.0.1作為安裝版本的自定義模塊的版本。

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../lib/internal/Magento/Framework/Module/etc/module.xsd">
    <module name="VendorName_ModuleName" setup_version="0.0.1" />
</config>

composer.json

當然，如果您想讓新模塊工作，請不要忘記添加composer.json 。

 {
"name": "VendorName/ModuleName",
"autoload": {
    "psr-4": { "VendorName\\ModuleName\\": "" },
    "files": [ "registration.php" ]
} }

進一步參考

composer.json的 Magento 2文檔
使用autoload在composer.json中調用registration.php
在Github上探索Magento的Sample Modules代碼。

Answer 2

你可以使用插件來做到這一點。

首先，你必須覆蓋塊並調用beforeToHtml方法，如下所示：

public function beforeToHtml(\Magento\Catalog\Block\Product\View\Description $originalBlock)
{
    $originalBlock->setTemplate('Vendorname_Modulename::description.phtml');
}

Answer 3

我解決了這個問題。 如果要覆蓋任何核心文件，只需使用引用名稱，並將此引用名稱傳遞給referenceBlock name =“passit”。

對於conatct us file override，首先獲取contactus form.phtml的原始文件，然后找到它的布局文件contact_index_index.xml並獲取類似“contactForm”的引用名稱。

系統/核心contact_index_index.xml文件。

<referenceContainer name="content">
            <block class="Magento\Contact\Block\ContactForm" name="contactForm" template="Magento_Contact::form.phtml">
                <container name="form.additional.info" label="Form Additional Info"/>
            </block>
        </referenceContainer>

這個“contactForm”引用名稱傳遞給referenceBlock標記中的擴展布局文件。 請顯示以下代碼。

我們的擴展布局contact_index_index.xml文件

<referenceBlock name="contactForm">
    <action method="setTemplate">
     <argument name="template"xsi:type="string">Test_Overide::form.phtml</argument>
   </action>
</referenceBlock>

在此之后，系統contactus form.phtml沒有調用，我們的擴展名是form.phtml文件。 您可以使用Developer前端調試工具進行檢查。

Answer 4

最簡單的方法來覆蓋核心模板文件： -

module-contact/view/frontend/templates/form.phtml

轉到您的主題app/design/frontend/vendor/your_theme/按照以下步驟操作：

創建Magento_Contact文件夾（重命名模塊 - 聯系到Magento-Contact）
創建模板文件夾
創建form.phtm或從core中復制form.phtml然后進行編輯。

Answer 5

為此，您需要創建一個擴展（自定義模塊）。

創建一個block etc並從app / magento view文件夾。

在etc文件夾中創建module.xml ：

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../lib/internal/Magento/Framework/Module/etc/module.xsd">
   <module name="Xyz_Contact" setup_version="0.0.1"></module>
</config>

在view文件夾中創建一個layout文件夾，並將下面的代碼放在名為contact_index_index.xml的文件中：

<?xml version="1.0"?>
<!--
/**
 * Copyright © 2015 Magento. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd">
    <head>
        <title>Contact Us</title>
    </head>
    <body>
        <referenceContainer name="content">
            <block class="Xyz\Contact\Block\ContactForm" name="contactForm" template="Xyz_Contact::form.phtml">
                <container name="form.additional.info" label="Form Additional Info"/>
            </block>
        </referenceContainer>
    </body>
</page>

創建templates文件夾並將下面的代碼放入form.phtml ：

<?php
/**
 * Copyright © 2015 Magento. All rights reserved.
 * See COPYING.txt for license details.
 */

// @codingStandardsIgnoreFile
?>
<form class="form contact"
      action="<?php echo $block->getFormAction(); ?>"
      id="contact-form"
      method="post"
      data-hasrequired="<?php echo __('* Required Fields') ?>"
      data-mage-init='{"validation":{}}'>
    <fieldset class="fieldset">
        <legend class="legend"><span><?php echo __('Write Us') ?></span></legend><br />
        <div class="field note no-label"><?php echo __('Jot us a note and we’ll get back to you as quickly as possible.') ?></div>
        <div class="field name required">
            <label class="label" for="name"><span><?php echo __('Name') ?></span></label>
            <div class="control">
                <input name="name" id="name" title="<?php echo __('Name') ?>" value="<?php echo $block->escapeHtml($this->helper('Magento\Contact\Helper\Data')->getUserName()) ?>" class="input-text" type="text" data-validate="{required:true}"/>
            </div>
        </div>
        <div class="field email required">
            <label class="label" for="email"><span><?php echo __('Email') ?></span></label>
            <div class="control">
                <input name="email" id="email" title="<?php echo __('Email') ?>" value="<?php echo $block->escapeHtml($this->helper('Magento\Contact\Helper\Data')->getUserEmail()) ?>" class="input-text" type="email" data-validate="{required:true, 'validate-email':true}"/>
            </div>
        </div>
        <div class="field telephone">
            <label class="label" for="telephone"><span><?php echo __('Phone Number') ?></span></label>
            <div class="control">
                <input name="telephone" id="telephone" title="<?php echo __('Phone Number') ?>" value="" class="input-text" type="text" />
            </div>
        </div>
        <div class="field comment required">
            <label class="label" for="comment"><span><?php echo __('What’s on your mind?') ?></span></label>
            <div class="control">
                <textarea name="comment" id="comment" title="<?php echo __('What’s on your mind?') ?>" class="input-text" cols="5" rows="3" data-validate="{required:true}"></textarea>
            </div>
        </div>
        <?php echo $block->getChildHtml('form.additional.info'); ?>
    </fieldset>
    <div class="actions-toolbar">
        <div class="primary">
            <input type="hidden" name="hideit" id="hideit" value="" />
            <button type="submit" title="<?php echo __('Submit') ?>" class="action submit primary">
                <span><?php echo __('Submit') ?></span>
            </button>
        </div>
    </div>
</form>

在Block文件夾中，創建一個名為ContactForm.php的文件並使用以下代碼：

<?php
/**
 * Copyright © 2015 Magento. All rights reserved.
 * See COPYING.txt for license details.
 */
namespace Xyz\Contact\Block;

use Magento\Framework\View\Element\Template;

/**
 * Main contact form block
 */
class ContactForm extends Template
{
    /**
     * @param Template\Context $context
     * @param array $data
     */
    public function __construct(Template\Context $context, array $data = [])
    {
        parent::__construct($context, $data);
        $this->_isScopePrivate = true;
    }
}

請不要忘記在app/etc/config.php注冊模塊，或者從命令行使用Magento二進制工具： php -f bin/magento module:enable Xyz_Contact 。

這里Xyz是公司名稱（ 供應商 ）， Contact是模塊名稱。

如果您有任何疑問，請告訴我。

在Magento 2中如何覆蓋phtml或布局核心文件？

問題描述

5 個解決方案

解決方案1
12 2015-12-09 17:16:02

contact_index_index.xml

form.phtml

為registration.php

module.xml

composer.json

進一步參考

解決方案2
3 2015-10-20 11:26:47

解決方案3
3 已采納 2016-01-18 08:52:13

解決方案4
1 2016-03-17 10:54:59

解決方案5
0 2015-08-28 13:28:25

在Magento 2中如何覆蓋phtml或布局核心文件？

問題描述

5 個解決方案

解決方案1 12 2015-12-09 17:16:02

contact_index_index.xml

form.phtml

為registration.php

module.xml

composer.json

進一步參考

解決方案2 3 2015-10-20 11:26:47

解決方案3 3 已采納 2016-01-18 08:52:13

解決方案4 1 2016-03-17 10:54:59

解決方案5 0 2015-08-28 13:28:25

解決方案1
12 2015-12-09 17:16:02

解決方案2
3 2015-10-20 11:26:47

解決方案3
3 已采納 2016-01-18 08:52:13

解決方案4
1 2016-03-17 10:54:59

解決方案5
0 2015-08-28 13:28:25