This module is an architectural skeleton for module developers, who want to add custom fields in the product page on the backoffice.
It's a base, you have to adapt it to your needs ... This will save you a lot of time!
- displayAdminProductsExtra
- displayAdminProductsMainStepLeftColumnMiddle
- displayAdminProductsMainStepLeftColumnBottom
- displayAdminProductsMainStepRightColumnBottom
- displayAdminProductsQuantitiesStepBottom
- displayAdminProductsPriceStepBottom
- displayAdminProductsOptionsStepTop
- displayAdminProductsOptionsStepBottom
- displayAdminProductsSeoStepBottom
- Prestashop >= 1.7.x
- composer >= 2.0.8
- See https://devdocs.prestashop.com/1.7/basics/installation/system-requirements/#php-compatibility-chart
cd
your_shop_root_dir/modulesgit
clone https://github.com/PululuK/democustomfields17.gitcd
democustomfields17composer
install- Go to BO > Improvement > Modules catalogue and install
Imagine you want to add a new field in backoffice product page in extra tab.
-
1 : Identify the hook. In our case will be
DisplayAdminProductsExtra
(See hooks list) -
2 : Go to https://github.com/PululuK/democustomfields17/tree/main/src/Form/Product/Hooks and implement this hook form.
NOTE : The hook fields builder must implement HookFieldsBuilderInterface
and respect this name rule Hook<HookName>FieldsBuilder
See Types references here : https://devdocs.prestashop.com/1.7/development/components/form/types-reference/
<?php
namespace PrestaShop\Module\Democustomfields17\Form\Product\Hooks;
use PrestaShop\Module\Democustomfields17\Form\Product\Hooks\HookFieldsBuilderInterface;
use Symfony\Component\Form\FormBuilderInterface;
use Symfony\Component\Form\Extension\Core\Type\TextType;
use Symfony\Component\Form\Extension\Core\Type\TextareaType;
use PrestaShopBundle\Form\Admin\Type\TranslatableType;
use PrestaShopBundle\Form\Admin\Type\SwitchType;
use Module;
class HookDisplayAdminProductsExtraFieldsBuilder implements HookFieldsBuilderInterface
{
public function addFields(FormBuilderInterface $adminFormBuilder, Module $module) :FormBuilderInterface
{
$adminFormBuilder
->add('my_text_field_example', TextType::class, [
'label' => $module->l('My text'),
'attr' => [
'class' => 'my-custom-class',
'data-hex'=> 'true'
]
])
->add('my_switch_field_example', SwitchType::class, [
'label' => $module->l('My switch')
])
->add('my_translatable_text_field_example', TranslatableType::class, [
'label' => $module->l('My translatable text'),
'type' => TextareaType::class,
'locales' => $module->getLocales()
]);
return $adminFormBuilder;
}
}
- 3 : Process data after product form submit
See src/Form/Product/ProductFormDataHandler.php
NOTE : Make sure your fields exists in ProductCustomFields Model and you database table schema
<?php
namespace PrestaShop\Module\Democustomfields17\Form\Product;
use PrestaShop\Module\Democustomfields17\Form\FormDataHandlerInterface;
use PrestaShop\PrestaShop\Core\Module\Exception\ModuleErrorException;
use PrestaShop\Module\Democustomfields17\Factory\ProductCustomFieldsFactory;
use Exception;
final class ProductFormDataHandler implements FormDataHandlerInterface
{
public function save(array $data): bool{
$idProduct = (int) $data['id_product'];
$productCustomFields = ProductCustomFieldsFactory::create($idProduct);
$productCustomFields->id_product = $idProduct;
$productCustomFields->my_switch_field_example = (bool) $data['my_switch_field_example'];
$productCustomFields->my_translatable_text_field_example = $data['my_translatable_text_field_example'];
$productCustomFields->my_text_field_example = $data['my_text_field_example'];
try {
if($productCustomFields->save()){
return true;
}
} catch(Exception $e){
throw new ModuleErrorException($e->getMessage());
}
return true;
}
public function getData(array $params): array{
$productCustomFields = ProductCustomFieldsFactory::create(
(int)$params['id_product'],
$params['id_lang'] ?? null,
$params['id_shop'] ?? null
);
return [
'id' => $productCustomFields->id,
'id_product' => $productCustomFields->id_product,
'my_switch_field_example' => (bool) $productCustomFields->my_switch_field_example,
'my_text_field_example' => $productCustomFields->my_text_field_example,
'my_translatable_text_field_example' => $productCustomFields->my_translatable_text_field_example,
];
}
}
- 4 : Acces your data in Front
{$product.democustomfields17.YOUR_FIELD_NAME_HERE}
Ex.:
{$product.democustomfields17.my_text_field_example}
{$product.democustomfields17.my_translatable_text_field_example }
{$product.democustomfields17.my_switch_field_example}