{"id":272567,"date":"2021-03-09T09:26:58","date_gmt":"2021-03-09T09:26:58","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=272567"},"modified":"2021-03-09T14:22:56","modified_gmt":"2021-03-09T14:22:56","slug":"add-position-column-in-the-render-list-in-prestashop-qloapps","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/","title":{"rendered":"Add Position column in the render list in Prestashop\/QloApps"},"content":{"rendered":"\n<p>In this blog, We will learn the process to implement position in the render list column.<\/p>\n\n\n\n<p>Prestashop has predefined steps to implement the position column and you can manage positions from the render list with the drag and drop feature.<\/p>\n\n\n\n<p>First of all, see in the below image what we are going to implement.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Screenshot-1200x408.png\" alt=\"Render list in prestashop\" class=\"wp-image-284717\" width=\"951\" height=\"323\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Screenshot-1200x408.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Screenshot-300x102.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Screenshot-250x85.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Screenshot-768x261.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Screenshot-1536x522.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Screenshot.png 1913w\" sizes=\"(max-width: 951px) 100vw, 951px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>So we will implement the position column in the above image and learn the process to manage it.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Keywords used in blog<\/strong> :<\/h5>\n\n\n\n<p>We will use some keywords in the pieces of code used for the explanations in this blog. I am describing them below &#8211;<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>your_table_name<\/strong>: This the name of the database table in which the position column is created for the learning of the positioning process.<\/li><li>id_primary_key: This the primary key of table your_table_name.<\/li><li>YourClassName: This the name of the class which is created for the table for which we are implementing the render list.<\/li><\/ol>\n\n\n\n<p>Lets start the process step by step.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Steps  1 :<\/h5>\n\n\n\n<p><strong> You have to create a column with name &#8220;position&#8221; in the<\/strong> <strong>table for which <strong><mark>render <\/mark><\/strong><mark>list<\/mark> is created.<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">\n`position` int(10) unsigned NOT NULL DEFAULT &#039;0&#039;,<\/pre>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Steps 2 :<\/h5>\n\n\n\n<p><strong>Specify the Identifier in admin controller to use for changing positions in list<\/strong>.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">\nprotected $position_identifier = &#039;id_primary_key&#039;;\n\/\/ id_primary_key is the primary key in the table you have to change with the primary key of your table<\/pre>\n\n\n\n<p>In this step, you have to specify the <strong>identifier variable ($position_identifier)<\/strong> according to which positions in the render list will be changed with the drag and drop feature. So we have used the primary key of the table as the position identifier. <\/p>\n\n\n\n<p>You can skip this step if you don&#8217;t wat to change the positions with drag and drop feature in render list.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Steps 3 :<\/h5>\n\n\n\n<p><strong>In your admin controller, In the __construct() method write the position column information array in the $this-&gt;fields_list property<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">\n$this-&gt;fields_list = array(\n    &#039;id_table&#039; =&gt; array(\n        &#039;title&#039; =&gt; $this-&gt;l(&#039;ID&#039;),\n        &#039;align&#039; =&gt; &#039;center&#039;,\n    ),\n\t.\n\t.\n\t.            \n    &#039;position&#039; =&gt; array(\n        &#039;title&#039; =&gt; $this-&gt;l(&#039;Position&#039;),\n        &#039;filter_key&#039; =&gt; &#039;a!position&#039;,\n        &#039;position&#039; =&gt; &#039;position&#039;,\n        &#039;align&#039; =&gt; &#039;center&#039;,\n    ),\n    .\n    .\n    .\n);<\/pre>\n\n\n\n<p>You have to <strong>declare special key position for the position type column<\/strong>. see the position array carefully.<\/p>\n\n\n\n<p>So, After these above steps, Your position column will be visible in your render list with the drag and drop feature.<\/p>\n\n\n\n<p>Now, we have to manage two test cases for the proper management of the position column working.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>When we change position from the render list then update the position in the database.<\/li><li>When we delete a row from render list (or through any way) then reset the positions in the database<\/li><\/ul>\n\n\n\n<p>So lets move further for implementing above points.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Steps 4 :<\/h5>\n\n\n\n<p><strong>U<strong>pdate the position in the database<\/strong> when we change position from render list<\/strong><\/p>\n\n\n\n<p>Whenever you change the position of a row in the render list. Prestashop internally fires an ajax for updating the position of the row. This sends you <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>The value of  <strong>id<\/strong> (table&#8217;s id which you are dragging)<\/li><li>The way (up\/down) of positioning<\/li><li>The array of positions in the render list<\/li><\/ul>\n\n\n\n<p>For this, you have to implement the <strong>ajaxProcessUpdatePositions()<\/strong> function in the admin controller in which you are implementing the position column in the render list.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">\n\/\/ update positions with drag and drop in render list\npublic function ajaxProcessUpdatePositions()\n{\n    $way = (int) Tools::getValue(&#039;way&#039;);\n    $id = (int) Tools::getValue(&#039;id&#039;);\n    $positions = Tools::getValue(&#039;primary_key&#039;);\n\n    foreach ($positions as $position =&gt; $value) {\n        $pos = explode(&#039;_&#039;, $value);\n\n        if (isset($pos&#091;2]) &amp;&amp; (int) $pos&#091;2] === $id) {\n            if ($objYourClass = new YourClassName((int) $pos&#091;2])) {\n                if (isset($position)\n                    &amp;&amp; $objYourClass-&gt;updatePosition($way, $position, $id)\n                ) {\n                    echo &#039;ok position &#039;.(int) $position.&#039; for render list &#039;.(int) $pos&#091;1].&#039;\\r\\n&#039;;\n                } else {\n                    echo &#039;{&quot;hasError&quot; : true, &quot;errors&quot; : &quot;Can not update position &#039;.\n                    (int) $id.&#039; to position &#039;.(int) $position.&#039; &quot;}&#039;;\n                }\n            } else {\n                echo &#039;{&quot;hasError&quot; : true, &quot;errors&quot; : &quot;This render list (&#039;.(int) $id.\n                &#039;) can t be loaded&quot;}&#039;;\n            }\n            break;\n        }\n    }\n}<\/pre>\n\n\n\n<p>In the above code, we are getting positions in the variable $positions.<\/p>\n\n\n\n<p>Here <code><strong>primary_key<\/strong><\/code> is used only for an example. In your controller will get it from different key.<\/p>\n\n\n\n<p>For example : If your <strong>$this-&gt;identifier<\/strong> in the admin controller is <code><strong>id_primary_key<\/strong><\/code> then this key will be <code><strong>primary_key<\/strong><\/code> (after removing <code><strong>_id<\/strong><\/code> from the identifier).<\/p>\n\n\n\n<p>In the above code <strong>at line-15<\/strong>, we have called function <strong>updatePosition()<\/strong> which you have to implement in your class which is created for the table we implementing render list for. <\/p>\n\n\n\n<p>So in the class, <strong>YourClassName<\/strong> write below function &#8211;<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">\npublic function updatePosition($way, $position)\n{\n    if ($result = Db::getInstance()-&gt;executeS(\n        &#039;SELECT `id_primary_key`, `position` FROM `&#039;._DB_PREFIX_.&#039;your_table_name` \n        WHERE `id_primary_key` = &#039;.(int) $this-&gt;id.&#039; \n        ORDER BY `position` ASC&#039;\n    )) {\n    \t\/\/ check if dragged row is in the table\n\t    $movedBlock = false;\n\t    foreach ($result as $block) {\n\t        if ((int)$block&#091;&#039;id_primary_key&#039;] == (int)$this-&gt;id) {\n\t            $movedBlock = $block;\n\t        }\n\t    }\n\n\t    if ($movedBlock === false) {\n\t        return false;\n\t    }\n\n\t    \/\/ set positions in the table\n\t    return (Db::getInstance()-&gt;execute(\n\t        &#039;UPDATE `&#039;._DB_PREFIX_.&#039;your_table_name` SET `position`= `position` &#039;.($way ? &#039;- 1&#039; : &#039;+ 1&#039;).\n\t        &#039; WHERE `position`&#039;.($way ? &#039;&gt; &#039;.\n\t        (int)$movedBlock&#091;&#039;position&#039;].&#039; AND `position` &lt;= &#039;.(int)$position : &#039;&lt; &#039;\n\t        .(int)$movedBlock&#091;&#039;position&#039;].&#039; AND `position` &gt;= &#039;.(int)$position)\n\t    ) &amp;&amp; Db::getInstance()-&gt;execute(\n\t        &#039;UPDATE `&#039;._DB_PREFIX_.&#039;your_table_name`\n\t        SET `position` = &#039;.(int)$position.&#039;\n\t        WHERE `id_primary_key`=&#039;.(int)$movedBlock&#091;&#039;id_primary_key&#039;]\n\t    ));\n    }\n    return false;\n}<\/pre>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Steps 5 :<\/h5>\n\n\n\n<p><strong><strong>Reset the positions in the database<\/strong><\/strong> <strong>When we delete a row from render list (or through any way) <\/strong><\/p>\n\n\n\n<p>For this, you have to override the delete function in the class created for the table in which the <code>position <\/code> the field is implemented.<\/p>\n\n\n\n<p>So in the delete() function call the function which you have created for Reinitializing positions in the table. In our case, we have created function <strong>cleanPositions()<\/strong>. So we will call this function created in the same class.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">\npublic function delete()\n{\n    $return = parent::delete();\n    \/* Reinitializing position *\/\n    $this-&gt;cleanPositions();\n    return $return;\n}<\/pre>\n\n\n\n<p>Now lets reinitialize the positions in the function cleanPositions().<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">\n\/**\n * Reorder positions in the table\n * Call it after deleting a row in the table.\n * @return bool\n*\/\npublic function cleanPositions()\n{\n    Db::getInstance()-&gt;execute(&#039;SET @i = -1&#039;, false);\n    $sql = &#039;UPDATE `&#039;._DB_PREFIX_.&#039;your_table_name` SET `position` = @i:=@i+1 ORDER BY     `position` ASC&#039;;\n    return (bool) Db::getInstance()-&gt;execute($sql);\n}<\/pre>\n\n\n\n<p>So these are few simple steps through which you can implement and manage the position field\/column working in your render list.<\/p>\n\n\n\n<p>So I hope it will help you somewhere while coding in Prestashop.<\/p>\n\n\n\n<p>Happy coding. \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this blog, We will learn the process to implement position in the render list column. Prestashop has predefined steps to implement the position column and you can manage positions from the render list with the drag and drop feature. First of all, see in the below image what we are going to implement. So <a href=\"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":83,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-272567","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Position in the render list cloumn in Prestashop\/QloApps<\/title>\n<meta name=\"description\" content=\"Manage position in the render list in Prestashop\/QloApps. you can change positions in the render list with the drag and drop feature.\" \/>\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\/add-position-column-in-the-render-list-in-prestashop-qloapps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Position in the render list cloumn in Prestashop\/QloApps\" \/>\n<meta property=\"og:description\" content=\"Manage position in the render list in Prestashop\/QloApps. you can change positions in the render list with the drag and drop feature.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/\" \/>\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=\"2021-03-09T09:26:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-03-09T14:22:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Screenshot-1200x408.png\" \/>\n<meta name=\"author\" content=\"Sumit\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sumit\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/\"},\"author\":{\"name\":\"Sumit\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/3e45ec35749afa62aa598a5e1766d2b9\"},\"headline\":\"Add Position column in the render list in Prestashop\/QloApps\",\"datePublished\":\"2021-03-09T09:26:58+00:00\",\"dateModified\":\"2021-03-09T14:22:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/\"},\"wordCount\":692,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Screenshot-1200x408.png\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/\",\"url\":\"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/\",\"name\":\"Position in the render list cloumn in Prestashop\/QloApps\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Screenshot-1200x408.png\",\"datePublished\":\"2021-03-09T09:26:58+00:00\",\"dateModified\":\"2021-03-09T14:22:56+00:00\",\"description\":\"Manage position in the render list in Prestashop\/QloApps. you can change positions in the render list with the drag and drop feature.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Screenshot.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Screenshot.png\",\"width\":1913,\"height\":650,\"caption\":\"Screenshot\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add Position column in the render list in Prestashop\/QloApps\"}]},{\"@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\/3e45ec35749afa62aa598a5e1766d2b9\",\"name\":\"Sumit\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e50336dc34ad31135238f210897d19d09edbdb9be2f7974a85de3ecdef16bf6?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\/0e50336dc34ad31135238f210897d19d09edbdb9be2f7974a85de3ecdef16bf6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Sumit\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/sumit201\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Position in the render list cloumn in Prestashop\/QloApps","description":"Manage position in the render list in Prestashop\/QloApps. you can change positions in the render list with the drag and drop feature.","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\/add-position-column-in-the-render-list-in-prestashop-qloapps\/","og_locale":"en_US","og_type":"article","og_title":"Position in the render list cloumn in Prestashop\/QloApps","og_description":"Manage position in the render list in Prestashop\/QloApps. you can change positions in the render list with the drag and drop feature.","og_url":"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2021-03-09T09:26:58+00:00","article_modified_time":"2021-03-09T14:22:56+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Screenshot-1200x408.png","type":"","width":"","height":""}],"author":"Sumit","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Sumit","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/"},"author":{"name":"Sumit","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/3e45ec35749afa62aa598a5e1766d2b9"},"headline":"Add Position column in the render list in Prestashop\/QloApps","datePublished":"2021-03-09T09:26:58+00:00","dateModified":"2021-03-09T14:22:56+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/"},"wordCount":692,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Screenshot-1200x408.png","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/","url":"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/","name":"Position in the render list cloumn in Prestashop\/QloApps","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Screenshot-1200x408.png","datePublished":"2021-03-09T09:26:58+00:00","dateModified":"2021-03-09T14:22:56+00:00","description":"Manage position in the render list in Prestashop\/QloApps. you can change positions in the render list with the drag and drop feature.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Screenshot.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Screenshot.png","width":1913,"height":650,"caption":"Screenshot"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/add-position-column-in-the-render-list-in-prestashop-qloapps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Add Position column in the render list in Prestashop\/QloApps"}]},{"@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\/3e45ec35749afa62aa598a5e1766d2b9","name":"Sumit","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e50336dc34ad31135238f210897d19d09edbdb9be2f7974a85de3ecdef16bf6?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\/0e50336dc34ad31135238f210897d19d09edbdb9be2f7974a85de3ecdef16bf6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Sumit"},"url":"https:\/\/webkul.com\/blog\/author\/sumit201\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/272567","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\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=272567"}],"version-history":[{"count":109,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/272567\/revisions"}],"predecessor-version":[{"id":308195,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/272567\/revisions\/308195"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=272567"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=272567"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=272567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}