On Symfony Admin controller pages the render list is created with the help of twig.<\/p>\n\n\n\n
Let\u2019s understand the entire process with the help of taking an example of AdminProductsController.<\/p>\n\n\n\n
To check the called function of admin controller list, open the Symfony debug mode.<\/p>\n\n\n\n
In Symfony debug mode all the details related to the page are provided. Check the image given below.<\/p>\n\n\n\n In the Admin Product controller, the catalogAction method is called during list render.<\/p>\n\n\n\n The product details are fetched through the ProductDataProvider class and assigned to the twig template file in ProductController.<\/p>\n\n\n\n ProductController File Path:- {PrestaShop_root_folder}\/src\/PrestaShopBundle\/Controller\/Admin<\/strong>. Now we will see how we can add our custom data column in the PrestaShop admin product list?<\/strong><\/p>\n\n\n\n Step 1<\/strong>:- Register action{controller_name}ListingFieldsModifier hook in your module<\/p>\n\n\n\n Eg:- Register actionAdminProductsListingFieldsModifier hook in your module.<\/p>\n\n\n\n Step 2<\/strong>:- Define the hook function as in the given example.<\/p>\n\n\n\n As in the above process, we have combined our module table with Prestashop table.<\/p>\n\n\n\n Now when the data will be fetched our data will automatically get added to it and assign to the product twig template file.<\/p>\n\n\n\n Now the question arises how we will display the field in the list?<\/strong><\/p>\n\n\n\n We can only display our field in the list by overriding the twig template file.<\/p>\n\n\n\n Identify the template to override<\/strong><\/p>\n\n\n\n First, we need to identify which Twig template is rendered.<\/p>\n\n\n\n We can check this by using the Debug mode of <\/em>Symfony Debug toolbar. With this, we can see the list of Twig templates used to render the page.<\/p>\n\n\n\n In our case, we are interested in the product list template.<\/p>\n\n\n\n So we will be overriding list.html.twig and products_table.html.twig <\/strong>inside PrestaShop\/Admin\/Product\/CatalogPage\/Lists <\/strong>directory<\/p>\n\n\n\n Now let’s have a look at how we can override it?<\/strong><\/p>\n\n\n\n As we have found the template path PrestaShop\/Admin\/Product\/CatalogPage\/Lists<\/strong> folder, we need to create the same path inside the module view<\/strong> folder.<\/p>\n\n\n\n![\"Admin](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/symfony1.png\")
<\/figure>\n\n\n\n
Twig template file path:- src\/PrestaShopBundle\/Resources\/views\/Admin<\/strong><\/p>\n\n\n\npublic function hookActionAdminProductsListingFieldsModifier($list)\n{\n if (isset($list['sql_select'])) {\n $list['sql_select']['type'] = array(\n \"table\"=>\"ad\",\n \"field\"=>\"type\",\n \"filtering\"=>\" %s \"\n );\n }\n if (isset($list['sql_table'])) {\n $list['sql_table']['ad'] = array(\n \"table\"=>\"test_table\",\n \"join\"=>\"LEFT JOIN\",\n \"on\"=>\"ad.`id_product` = p.`id_product`\"\n );\n }\n}\n<\/pre>\n\n\n\nNote:: We can only override the twig file from Prestashop 1.7.3.0 above version.<\/strong><\/h4>\n\n\n\n
Steps to override the template file.<\/h5>\n\n\n\n
![\"Admin](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/symfony2-1.png\")
<\/figure>\n\n\n\n