Hi @stehliktce7054,
Step 1: First, we need to create a product_form.xml file inside the extension at the following path.
app\code\Vendor\Extension\view\adminhtml\ui_component
Then add the code as follows
<?xml version="1.0" encoding="UTF-8"?>
<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
<fieldset name="search-engine-optimization" sortOrder="30">
<container name="custom_buttons_container" sortOrder="135">
<htmlContent name="html_content">
<argument name="block" xsi:type="object">Vendor\Extension\Block\Adminhtml\Product\Edit\Productbutton</argument>
</htmlContent>
</container>
</fieldset>
</form>Step 2: After that, we need to create a Productbutton.php file inside the extension at the following path.
app\code\Vendor\Extension\Block\Adminhtml\Product\Edit
Then add the following code:
<?php
namespace Vendor\Extension\Block\Adminhtml\Product\Edit;
class Productbutton extends \Magento\Backend\Block\Template
{
protected $_template = 'Vendor_Extension::product/button.phtml';
public function __construct(
\Magento\Backend\Block\Template\Context $context,
array $data = []
) {
parent::__construct($context, $data);
}
public function getButtonHtml()
{
$button = $this->getLayout()->createBlock('Magento\Backend\Block\Widget\Button')->setData(['id' => 'custom_button', 'label' => __('Button Label'),'class'=>'action- scalable save primary']);
return $button->toHtml();
}
}Step 3: After that, we need to create a button.phtml file inside the extension at the following path.
app\code\Vendor\Extension\view\adminhtml\templates\product
And add the following code-snippet:
<div class="admin__field" data-bind="css: $data.additionalClasses, attr: {'data-index': index}, visible: visible">
<div class="admin__field-control" style="text-align: center; padding: 5px 0px;">
<?php
echo $block->getButtonHtml();
?>
</div>
</div>Step 4: Once all files are created in your extension, you need to run Magento upgrade and deploy commands in your server.
Output:
You can see that the custom button is added to your product page in Magento 2 backend.
We are providing Magento SEO services. Browse us for more details.
