{"id":59506,"date":"2016-09-15T13:52:55","date_gmt":"2016-09-15T13:52:55","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=59506"},"modified":"2016-10-13T06:07:39","modified_gmt":"2016-10-13T06:07:39","slug":"adding-custom-action-button-in-prestashop-renderlist","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/","title":{"rendered":"Adding custom action button in PrestaShop renderlist"},"content":{"rendered":"

Adding custom action button in PrestaShop renderlist <\/strong> – We can easily use ‘view’, ‘edit’, ‘delete’ buttons in Prestashop render list by the help of addRowAction(‘view’) function. But what if we need to add some custom buttons in the list!! we can use PrestaShop field list ‘callback’ property for the same.<\/p>\n

 <\/p>\n

Add a temp array key in you\u00a0$this->fields_list array :<\/p>\n

$this->fields_list = array(\r\n   'id_temp' => array(\r\n        'title' => $this->l('My Button'),\r\n        'align' =>'text-right',\r\n        'search' => false,\r\n        'callback' => 'viewMyButton',\r\n   ),\r\n}<\/pre>\n
 <\/p>\n
id_temp is an alias of your list id, you can define this like :<\/p>\n
$this->_select = 'a.`id` as `id_temp`';<\/pre>\n
 <\/p>\n
Now create a function with callback name viewMyButton<\/p>\n
public function viewMyButton($id)\r\n{\r\n    return '<span class=\"btn-group-action\">\r\n                <span class=\"btn-group\">\r\n                    <a class=\"btn btn-default\" href=\"'.self::$currentIndex.'&token='.$this->token.'&view'.$this->table.'&id='.$id.'\"><i class=\"icon-search-plus\"><\/i>&nbsp;'.$this->l('View').'\r\n                    <\/a>\r\n                <\/span>\r\n            <\/span>';\r\n}\r\n<\/pre>\n
 <\/p>\n
This will create a button in the render list like this :<\/p>\n
\"single<\/a><\/p>\n
 <\/p>\n
 <\/p>\n
If you want to display multiple buttons, you need to write the HTML for that only,<\/p>\n
public function viewMyButton($id)\r\n{\r\n        return '<span class=\"btn-group-action\">\r\n                    <span class=\"btn-group pull-right\">\r\n                        <a class=\"btn btn-default\" href=\"'.self::$currentIndex.'&token='.$this->token.'&view'.$this->table.'&id='.$id.'\"><i class=\"icon-search-plus\"><\/i>&nbsp;'.$this->l('My Button1').'\r\n                        <\/a>\r\n                        <button data-toggle=\"dropdown\" class=\"btn btn-default dropdown-toggle\">\r\n                        <i class=\"icon-caret-down\"><\/i>&nbsp;\r\n                    <\/button>\r\n                    <ul class=\"dropdown-menu\">\r\n                        <li>\r\n                            <a class=\"delete\" title=\"Delete\" href=\"#\">\r\n                            <i class=\"icon-trash\"><\/i> My Button2\r\n                            <\/a>\r\n                        <\/li>\r\n                    <\/ul>\r\n                    <\/span>\r\n                <\/span>';\r\n}<\/pre>\n
 <\/p>\n
This will look like this :<\/p>\n
\"multiple<\/a><\/p>\n
 <\/p>\n
Thanks.<\/p>\n","protected":false},"excerpt":{"rendered":"
Adding custom action button in PrestaShop renderlist – We can easily use ‘view’, ‘edit’, ‘delete’ buttons in Prestashop render list by the help of addRowAction(‘view’) function. But what if we need to add some custom buttons in the list!! we can use PrestaShop field list ‘callback’ property for the same.   Add a temp array […]<\/a><\/p>\n","protected":false},"author":19,"featured_media":59536,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[209],"tags":[3645,2065,3129],"class_list":["post-59506","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-prestashop","tag-fields_list","tag-prestashop","tag-renderlist"],"yoast_head":"\nAdding custom action button in PrestaShop renderlist<\/title>\n<meta name=\"description\" content=\"Adding custom action button in PrestaShop Admin renderlist . Add this using PrestaShop callback property in fields_list variable.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding custom action button in PrestaShop renderlist\" \/>\n<meta property=\"og:description\" content=\"Adding custom action button in PrestaShop Admin renderlist . Add this using PrestaShop callback property in fields_list variable.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-09-15T13:52:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-10-13T06:07:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Prestashop-Code-Snippet.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Dheeraj Sharma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/dks295\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dheeraj Sharma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/\"},\"author\":{\"name\":\"Dheeraj Sharma\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/a5f3da471d7cb80626232ba698343f6a\"},\"headline\":\"Adding custom action button in PrestaShop renderlist\",\"datePublished\":\"2016-09-15T13:52:55+00:00\",\"dateModified\":\"2016-10-13T06:07:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/\"},\"wordCount\":133,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Prestashop-Code-Snippet.png\",\"keywords\":[\"fields_list\",\"prestashop\",\"renderList\"],\"articleSection\":[\"prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/\",\"url\":\"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/\",\"name\":\"Adding custom action button in PrestaShop renderlist\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Prestashop-Code-Snippet.png\",\"datePublished\":\"2016-09-15T13:52:55+00:00\",\"dateModified\":\"2016-10-13T06:07:39+00:00\",\"description\":\"Adding custom action button in PrestaShop Admin renderlist . Add this using PrestaShop callback property in fields_list variable.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Prestashop-Code-Snippet.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Prestashop-Code-Snippet.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adding custom action button in PrestaShop renderlist\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/a5f3da471d7cb80626232ba698343f6a\",\"name\":\"Dheeraj Sharma\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/95497c38ac4e669f4042d356b0397dce21d1a90688eddd87cfde8ff771c40041?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/95497c38ac4e669f4042d356b0397dce21d1a90688eddd87cfde8ff771c40041?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Dheeraj Sharma\"},\"sameAs\":[\"http:\/\/webkul.com\",\"https:\/\/x.com\/https:\/\/twitter.com\/dks295\"],\"url\":\"https:\/\/webkul.com\/blog\/author\/dheeraj\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adding custom action button in PrestaShop renderlist","description":"Adding custom action button in PrestaShop Admin renderlist . Add this using PrestaShop callback property in fields_list variable.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/","og_locale":"en_US","og_type":"article","og_title":"Adding custom action button in PrestaShop renderlist","og_description":"Adding custom action button in PrestaShop Admin renderlist . Add this using PrestaShop callback property in fields_list variable.","og_url":"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2016-09-15T13:52:55+00:00","article_modified_time":"2016-10-13T06:07:39+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Prestashop-Code-Snippet.png","type":"image\/png"}],"author":"Dheeraj Sharma","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/dks295","twitter_site":"@webkul","twitter_misc":{"Written by":"Dheeraj Sharma","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/"},"author":{"name":"Dheeraj Sharma","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/a5f3da471d7cb80626232ba698343f6a"},"headline":"Adding custom action button in PrestaShop renderlist","datePublished":"2016-09-15T13:52:55+00:00","dateModified":"2016-10-13T06:07:39+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/"},"wordCount":133,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Prestashop-Code-Snippet.png","keywords":["fields_list","prestashop","renderList"],"articleSection":["prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/","url":"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/","name":"Adding custom action button in PrestaShop renderlist","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Prestashop-Code-Snippet.png","datePublished":"2016-09-15T13:52:55+00:00","dateModified":"2016-10-13T06:07:39+00:00","description":"Adding custom action button in PrestaShop Admin renderlist . Add this using PrestaShop callback property in fields_list variable.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Prestashop-Code-Snippet.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Prestashop-Code-Snippet.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/adding-custom-action-button-in-prestashop-renderlist\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Adding custom action button in PrestaShop renderlist"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/a5f3da471d7cb80626232ba698343f6a","name":"Dheeraj Sharma","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/95497c38ac4e669f4042d356b0397dce21d1a90688eddd87cfde8ff771c40041?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/95497c38ac4e669f4042d356b0397dce21d1a90688eddd87cfde8ff771c40041?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Dheeraj Sharma"},"sameAs":["http:\/\/webkul.com","https:\/\/x.com\/https:\/\/twitter.com\/dks295"],"url":"https:\/\/webkul.com\/blog\/author\/dheeraj\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/59506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=59506"}],"version-history":[{"count":20,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/59506\/revisions"}],"predecessor-version":[{"id":61643,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/59506\/revisions\/61643"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/59536"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=59506"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=59506"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=59506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}