如何在 Magento 2 中自定义联系我们表单

redmaomail 2024-07-24 18:24 阅读数 64 #Magento

红帽云邮外贸主机

联系我们表格通常包括姓名、图像和消息。但是,您可以根据您的业务需要自定义“联系我们”表单。查看Magento 2 的快速联系表单扩展,它有助于在您网站的所有页面上嵌入联系按钮。

在 Magento 2 中自定义联系我们表单的步骤:

您必须覆盖 Magento 联系表单文件。

从路径
vendor/magento/module-contact/view/frontend/templates复制 form.phtml

并将其粘贴到
app/code/Vendor/Extension/view/frontend/templates

第 1 步:文件路径:app\code\Vendor\Extension\view\frontend\templates\form.phtml

<div class="field custom required">
<label class="label" for="custom">
<span>
<?php /* @escapeNotVerified */ echo __('Custom Field') ?>
</span>
</label>

<div class="control">
<input name="custom" id="custom" title="
<?php / @escapeNotVerified */ echo __('Custom Field') ?>"
value="" class="input-text" type="text" data-validate="{required:true}"
</div>
</div>

第二步:在以下文件路径中添加以下代码:app\code\Vendor\Extension\view\frontend\layout\contact_index_index.xml

<referenceBlock name="contactForm" remove="true"/>  

       <referenceContainer name="content"> 

           < block class = "Magento\Contact\Block\ContactForm" name = "customContactForm" template = "Vendor_Extension::form.phtml" / >
 
       < / referenceContainer >


红帽云邮外贸主机

分享到:
版权声明:本站内容源自互联网,如有内容侵犯了你的权益,请联系删除相关内容。
    红帽云邮外贸主机
热门
    红帽云邮外贸主机
    红帽云邮外贸主机