{"id":325238,"date":"2022-03-16T10:40:49","date_gmt":"2022-03-16T10:40:49","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=325238"},"modified":"2022-04-29T10:09:25","modified_gmt":"2022-04-29T10:09:25","slug":"images-in-prestashop-render-list","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/","title":{"rendered":"Images in PrestaShop Render List"},"content":{"rendered":"\n<p>In this blog, we are going to learn how to show images in PrestaShop render list using classes.<\/p>\n\n\n\n<p>In back office when we create render list in admin controller sometimes we also need to show images related to list as small thumbnails to identify the row visually.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-14_44_37.png\" alt=\"Images in PrestaShop Admin Render List\" class=\"wp-image-325285\" width=\"818\" height=\"379\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-14_44_37.png 1070w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-14_44_37-300x139.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-14_44_37-250x116.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-14_44_37-768x356.png 768w\" sizes=\"(max-width: 818px) 100vw, 818px\" loading=\"lazy\" \/><figcaption>Images in PrestaShop Admin Render List<\/figcaption><\/figure>\n\n\n\n<p>Here we are showing example of custom product listing on back office admin controller using render list function.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Example 1 : Product Listing<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\">public function renderList()\n{\n    $this-&gt;table = &#039;product&#039;;\n    $this-&gt;className = &#039;Product&#039;;\n    $this-&gt;identifier = &#039;id_product&#039;;\n    $this-&gt;_select = &#039;image_shop.`id_image` AS id_image, pl.`name`&#039;;\n\n    $this-&gt;_join = &#039;LEFT JOIN `&#039;._DB_PREFIX_.&#039;product` p\n    &#039;.Shop::addSqlAssociation(&#039;product&#039;, &#039;p&#039;).&#039; ON \n    (p.`id_product` = a.`id_product`)&#039;;\n\n    $this-&gt;_join .= &#039; LEFT JOIN `&#039;._DB_PREFIX_.&#039;product_lang` pl\n    ON (pl.`id_product` = p.`id_product` AND pl.`id_lang` =\n    &#039;.(int)$this-&gt;context-&gt;language-&gt;id.\n    Shop::addSqlRestrictionOnLang(&#039;pl&#039;).&#039;)&#039;;\n\n    $this-&gt;_join .= &#039; LEFT JOIN `&#039;._DB_PREFIX_.&#039;image_shop` image_shop\n    ON (image_shop.`id_product` = p.`id_product` AND image_shop.cover=1\n    AND image_shop.id_shop=&#039;.(int)$this-&gt;context-&gt;shop-&gt;id.&#039;)&#039;;\n\n    $this-&gt;_join .= &#039; LEFT JOIN `&#039;._DB_PREFIX_.&#039;image_lang` il\n    ON (image_shop.`id_image` = il.`id_image` AND\n    il.`id_lang` = &#039;.(int)$this-&gt;context-&gt;language-&gt;id.&#039;)&#039;;\n\n    $this-&gt;_group = &#039;GROUP BY a.`id_product`&#039;;\n    $this-&gt;_orderBy = $this-&gt;identifier;\n    $this-&gt;_orderWay = &#039;ASC&#039;;\n    $this-&gt;toolbar_title = $this-&gt;l(&#039;Outlet products&#039;);\n\n    $this-&gt;fields_list = array(\n        &#039;id_product&#039; =&gt; array(\n            &#039;title&#039; =&gt; $this-&gt;l(&#039;Product ID&#039;),            \n            &#039;align&#039; =&gt; &#039;center&#039;,            \n        ),\n        &#039;image&#039; =&gt; array(\n            &#039;title&#039; =&gt; &#039;Image&#039;,\n            &#039;align&#039; =&gt; &#039;center&#039;,\n            &#039;image&#039; =&gt; &#039;p&#039;,            \n        ),\n        &#039;name&#039; =&gt; array(\n            &#039;title&#039; =&gt; $this-&gt;l(&#039;Name&#039;),\n            &#039;align&#039; =&gt; &#039;center&#039;,            \n        ),\n    );\n    return parent::renderList();\n}<\/pre>\n\n\n\n<p>Here you can see that for showing image in row as a thumbnail we have only written as below :<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">&#039;image&#039; =&gt; array(\n    &#039;title&#039; =&gt; &#039;Image&#039;,\n    &#039;align&#039; =&gt; &#039;center&#039;,\n    &#039;image&#039; =&gt; &#039;p&#039;,    \n),<\/pre>\n\n\n\n<p>Here <code><strong>'image' =&gt; 'p'<\/strong><\/code> it denotes product image folder,  searches row product id image in product folder and show it as thumbnail in list.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Example 2 : Carrier Listing<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\">public function renderList()\n{\n    $this-&gt;table = &#039;carrier&#039;;\n    $this-&gt;className = &#039;Carrier&#039;;\n    $this-&gt;identifier = &#039;id_carrier&#039;;\n    $this-&gt;_select = &#039;  cl.`delay` &#039;;\n    $this-&gt;_join .= &#039; LEFT JOIN `&#039;._DB_PREFIX_.&#039;carrier_lang` cl\n    ON (cl.`id_carrier` = a.`id_carrier` AND cl.`id_lang` =\n    &#039;.(int)$this-&gt;context-&gt;language-&gt;id.\n    Shop::addSqlRestrictionOnLang(&#039;cl&#039;).&#039;)&#039;;\n    $this-&gt;_group = &#039;GROUP BY a.`id_carrier`&#039;;\n    $this-&gt;_orderBy = $this-&gt;identifier;\n    $this-&gt;_orderWay = &#039;DESC&#039;;\n\n    $this-&gt;fields_list = array(\n        &#039;id_carrier&#039; =&gt; array(\n            &#039;title&#039; =&gt; $this-&gt;l(&#039;Carrier ID&#039;),            \n            &#039;align&#039; =&gt; &#039;center&#039;,            \n        ),\n        &#039;image&#039; =&gt; array(\n            &#039;title&#039; =&gt; &#039;Image&#039;,\n            &#039;align&#039; =&gt; &#039;center&#039;,\n            &#039;image&#039; =&gt; &#039;s&#039;,            \n        ),\n        &#039;name&#039; =&gt; array(\n            &#039;title&#039; =&gt; $this-&gt;l(&#039;Name&#039;),\n            &#039;align&#039; =&gt; &#039;center&#039;,\n            &#039;havingFilter&#039; =&gt; true,\n        ),\n    );\n    return parent::renderList();\n}<\/pre>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-15_29_04.png\" alt=\"Image in PrestaShop Render List\" class=\"wp-image-325310\" width=\"811\" height=\"258\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-15_29_04.png 846w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-15_29_04-300x96.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-15_29_04-250x80.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-15_29_04-768x245.png 768w\" sizes=\"(max-width: 811px) 100vw, 811px\" loading=\"lazy\" \/><figcaption>Images in PrestaShop Render List<\/figcaption><\/figure>\n\n\n\n<p>Here we have written <code><strong>'image' =&gt; 's'<\/strong><\/code> it denotes shipping image folder,  searches the row carrier id image in shipping images folder and show it as thumbnail.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Callback Method :<\/strong><\/h4>\n\n\n\n<p>There is also another method if you want to show images other then class object. You can use use <a href=\"https:\/\/webkul.com\/blog\/callback-method-to-add-custom-content-on-admin-core-controller-renderlist-in-prestashop\/\">callback<\/a> function in render list as shown below.<\/p>\n\n\n\n<p>Select all required fields column from class and make alias for identifier <code>(`id_product` as `wk_id_product`)<\/code> in sql query and write it as below<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">&#039;wk_id_product&#039; =&gt; array(\n    &#039;title&#039; =&gt; &#039;Image&#039;,\n    &#039;align&#039; =&gt; &#039;center&#039;,       \n    &#039;callback&#039; =&gt; &#039;getProductImage&#039; \n),<\/pre>\n\n\n\n<p>Now define <code><strong>getProductImage<\/strong><\/code> function and fetch custom tpl as below.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">public function getProductImage($idProduct, $col)\n{\n    $imageLink = Link::getImageLink(\n        $col&#091;&#039;link_rewrite&#039;], \n        $idProduct, \n        &#039;cover&#039;\n    );\n    $this-&gt;context-&gt;smarty(assign(&#039;image&#039; =&gt; $imageLink));\n    $this-&gt;context-&gt;smarty-&gt;fetch(&#039;thumbnail tpl here&#039;);\n}<\/pre>\n\n\n\n<p>On tpl file make your thumbnail design and apply image link in src.<\/p>\n\n\n\n<p>That\u2019s all.<\/p>\n\n\n\n<p>If you are facing any issues or doubts in the above process, please feel free to contact us through the comment section.<\/p>\n\n\n\n<p>I would be happy to help.<\/p>\n\n\n\n<p>Also, you can explore our&nbsp;<a href=\"https:\/\/webkul.com\/prestashop-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">PrestaShop Development Services<\/a>&nbsp;and a large range of quality&nbsp;<a href=\"https:\/\/store.webkul.com\/PrestaShop-Extensions.html\">PrestaShop Modules<\/a>.<\/p>\n\n\n\n<p>For any doubt contact us at&nbsp;<a href=\"mailto:support@webkul.com\" target=\"_blank\" rel=\"noreferrer noopener\">support@webkul.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this blog, we are going to learn how to show images in PrestaShop render list using classes. In back office when we create render list in admin controller sometimes we also need to show images related to list as small thumbnails to identify the row visually. Here we are showing example of custom product <a href=\"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":386,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[209],"tags":[2065,4452],"class_list":["post-325238","post","type-post","status-publish","format-standard","hentry","category-prestashop","tag-prestashop","tag-render-list"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Images in PrestaShop Render List - Webkul Blog<\/title>\n<meta name=\"description\" content=\"Images in PrestaShop render list to identify the row visually and easily using image which define row data.\" \/>\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\/images-in-prestashop-render-list\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Images in PrestaShop Render List - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Images in PrestaShop render list to identify the row visually and easily using image which define row data.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/\" \/>\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=\"2022-03-16T10:40:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-29T10:09:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-14_44_37.png\" \/>\n<meta name=\"author\" content=\"Vineet Kr. Gupta\" \/>\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=\"Vineet Kr. Gupta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/\"},\"author\":{\"name\":\"Vineet Kr. Gupta\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/bb871a3e8dd81b2b0a1690f195da6208\"},\"headline\":\"Images in PrestaShop Render List\",\"datePublished\":\"2022-03-16T10:40:49+00:00\",\"dateModified\":\"2022-04-29T10:09:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/\"},\"wordCount\":282,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-14_44_37.png\",\"keywords\":[\"prestashop\",\"render list\"],\"articleSection\":[\"prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/\",\"url\":\"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/\",\"name\":\"Images in PrestaShop Render List - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-14_44_37.png\",\"datePublished\":\"2022-03-16T10:40:49+00:00\",\"dateModified\":\"2022-04-29T10:09:25+00:00\",\"description\":\"Images in PrestaShop render list to identify the row visually and easily using image which define row data.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-14_44_37.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-14_44_37.png\",\"width\":1070,\"height\":496,\"caption\":\"screenshot-192.168.5.75-2022.03.16-14_44_37\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Images in PrestaShop Render List\"}]},{\"@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\/bb871a3e8dd81b2b0a1690f195da6208\",\"name\":\"Vineet Kr. Gupta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b8dd0faa3589c82d64586b71a9e84be11a8b9a8f3b74bb952442b904af1c68f2?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\/b8dd0faa3589c82d64586b71a9e84be11a8b9a8f3b74bb952442b904af1c68f2?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Vineet Kr. Gupta\"},\"description\":\"Proficient Software Engineer specializing in PrestaShop, with expertise in Mobile App Development, eCommerce Platform Development, and POS services. Delivers innovative, user-focused solutions that enhance functionality and drive efficient business operations.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/vineetkr-gupta008\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Images in PrestaShop Render List - Webkul Blog","description":"Images in PrestaShop render list to identify the row visually and easily using image which define row data.","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\/images-in-prestashop-render-list\/","og_locale":"en_US","og_type":"article","og_title":"Images in PrestaShop Render List - Webkul Blog","og_description":"Images in PrestaShop render list to identify the row visually and easily using image which define row data.","og_url":"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2022-03-16T10:40:49+00:00","article_modified_time":"2022-04-29T10:09:25+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-14_44_37.png","type":"","width":"","height":""}],"author":"Vineet Kr. Gupta","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Vineet Kr. Gupta","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/"},"author":{"name":"Vineet Kr. Gupta","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/bb871a3e8dd81b2b0a1690f195da6208"},"headline":"Images in PrestaShop Render List","datePublished":"2022-03-16T10:40:49+00:00","dateModified":"2022-04-29T10:09:25+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/"},"wordCount":282,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-14_44_37.png","keywords":["prestashop","render list"],"articleSection":["prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/","url":"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/","name":"Images in PrestaShop Render List - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-14_44_37.png","datePublished":"2022-03-16T10:40:49+00:00","dateModified":"2022-04-29T10:09:25+00:00","description":"Images in PrestaShop render list to identify the row visually and easily using image which define row data.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-14_44_37.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/screenshot-192.168.5.75-2022.03.16-14_44_37.png","width":1070,"height":496,"caption":"screenshot-192.168.5.75-2022.03.16-14_44_37"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/images-in-prestashop-render-list\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Images in PrestaShop Render List"}]},{"@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\/bb871a3e8dd81b2b0a1690f195da6208","name":"Vineet Kr. Gupta","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b8dd0faa3589c82d64586b71a9e84be11a8b9a8f3b74bb952442b904af1c68f2?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\/b8dd0faa3589c82d64586b71a9e84be11a8b9a8f3b74bb952442b904af1c68f2?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Vineet Kr. Gupta"},"description":"Proficient Software Engineer specializing in PrestaShop, with expertise in Mobile App Development, eCommerce Platform Development, and POS services. Delivers innovative, user-focused solutions that enhance functionality and drive efficient business operations.","url":"https:\/\/webkul.com\/blog\/author\/vineetkr-gupta008\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/325238","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\/386"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=325238"}],"version-history":[{"count":32,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/325238\/revisions"}],"predecessor-version":[{"id":326675,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/325238\/revisions\/326675"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=325238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=325238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=325238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}