{"id":267205,"date":"2020-09-11T18:47:49","date_gmt":"2020-09-11T18:47:49","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=267205"},"modified":"2025-04-02T12:13:59","modified_gmt":"2025-04-02T12:13:59","slug":"prestashop-product-pictogram","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/","title":{"rendered":"Prestashop Product Pictogram"},"content":{"rendered":"\n<p>There is a very popular saying that a picture is worth a thousand words. In simple wording, an image can impart info so clearly that 1000 words might not. <\/p>\n\n\n\n<p>Hence, showing images instead of texts help you to convey the intended information clearly &amp; allows you to catch the customer&#8217;s attention too. <\/p>\n\n\n\n<p>Generally, even we notice the images much earlier than the text on any poster\/hoarding etc. It&#8217;s just that the human mind works that way. <\/p>\n\n\n\n<p>So, while keeping all the above points in mind, we are here with the Prestashop Product Pictogram module.<\/p>\n\n\n\n<p>But, before we go any further with the blog, let me just explain you what a pictogram is?<\/p>\n\n\n\n<p>A\/c to <a href=\"https:\/\/en.wikipedia.org\/wiki\/Pictogram\">Wikipedia<\/a>, a Pictogram is a pictorial representation of the physical object. It aims to convey meaning through its resemblance to the real-life object.<\/p>\n\n\n\n<p>Now, let&#8217;s come back to the functionalities of this module. The module offers you to represent features of your product in the form of pictogram. <\/p>\n\n\n\n<p>While this module indeed enhances the shopping experience of the customer, it enhances the features of the product sheet as well. Some noteworthy features that this module brings with it are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pictorial representation of features.<\/li>\n\n\n\n<li>Helps to easily convey the information to the customers with the help of pictures.<\/li>\n\n\n\n<li>Grab the attention of customers as well as potential visitors.<\/li>\n\n\n\n<li>It becomes easy to highlight the unique\/important features of the product with pictograms.<\/li>\n<\/ul>\n\n\n\n<p><strong>NOTE: Prestashop\u00a0Product Pictogram\u00a0module is compatible with PrestaShop multi-store feature.<\/strong><\/p>\n\n\n\n<p>For the overview of the plugin check the video mentioned-below \u2013<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"XRMyUk0XGik\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Features of the module<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Show pictogram for various features of the product.<\/li>\n\n\n\n<li>Add pictogram icon for all the feature values.<\/li>\n\n\n\n<li>Choose to enable or disable the module.<\/li>\n\n\n\n<li>Enable the image fill option to fit the image fully inside the circle.<\/li>\n\n\n\n<li>Provide image enlarge option on hovering the cursor over it. <\/li>\n\n\n\n<li>Select the border colour of the pictogram circle.<\/li>\n\n\n\n<li>Set the border radius &amp; width of the pictogram circle.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">How to install the Prestashop Product Pictogram module<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Firstly, go to the module manager in the back office and click on \u2018upload a module\u2019.<\/li>\n\n\n\n<li>After that, drag and drop the module file or select the file from the system.<\/li>\n\n\n\n<li>In this way, the module installation will be successful.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png\" alt=\"Click to upload Prestashop Product Pictogram module\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/2-3-1200x424.png\" alt=\"Drop or select Prestashop Product Pictogram module file\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/3-2-1200x391.png\" alt=\"Prestashop Product Pictogram module installed on prestashop\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">How to configure the Prestashop Product Pictogram module<\/h3>\n<\/div><\/div>\n\n\n\n<p>After the successful installation of the module, admin needs to configure the module.<\/p>\n\n\n\n<p>But before we proceed any further, let me just explain each option of the configuration settings.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable Module:<\/strong> Choose to enable or disable the module as per your convenience.<\/li>\n\n\n\n<li><strong>Image Fill:<\/strong> Select whether you want to show filled image inside the pictogram circle or not. I&#8217;ll explain this in detail later in the blog.<\/li>\n\n\n\n<li><strong>Border Color:<\/strong> Select the colour for the border of the circle.<\/li>\n\n\n\n<li><strong>Image Hover Enlarge:<\/strong> Enable to enlarge the pictograms on hovering the cursor over them.<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Set the radius of the border in percentage between 0 to 50. Lesser the value, less circular box will display.<\/li>\n\n\n\n<li><strong>Border Width:<\/strong> Set the width of the border in pixels.<\/li>\n\n\n\n<li><strong>Preview:<\/strong> Based on the set border color, radius, and width, you can see the preview of pictogram.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1726046450.png\" alt=\"configuration\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Add pictures to the feature values<\/h3>\n<\/div><\/div>\n\n\n\n<p>After configuring the module, you will need to add a picture to the feature values. To do so, go to the catalog-&gt;Attributes &amp; Features-&gt;Features.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1104\" height=\"598\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/2-7.png\" alt=\"Admin dashboard\" class=\"wp-image-267384\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/2-7.png 1104w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/2-7-300x163.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/2-7-250x135.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/2-7-768x416.png 768w\" sizes=\"(max-width: 1104px) 100vw, 1104px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>In the features section, you can add new features &amp; their corresponding values. In order to add new feature value, click on any one feature from the list.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1726046449.png\" alt=\"features\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>As per the below screenshot, here we are adding the new feature value for &#8220;<strong>Composition<\/strong>&#8220;. Apart from adding the new feature value, you can also choose to edit the existing one.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1726046448.png\" alt=\"features\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After clicking in the &#8220;<strong>Add new feature value<\/strong>&#8221; button, you will land on the following page. Here, firstly select the feature &amp; then enter the value in the available field. <\/p>\n\n\n\n<p>On this page, as you may notice that a new option to add pictogram is also available now. <\/p>\n\n\n\n<p>So, in order to add the pictogram to this feature value, firstly click on the &#8220;<strong>Add File<\/strong>&#8221; button. After that select the picture from your system that you wish to upload here.<\/p>\n\n\n\n<p>On uploading the picture, you&#8217;ll be able to preview the image alongside the Pictogram field. Apart from this, you can also view the size of the uploaded picture.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1726046447.png\" alt=\"feature value\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Add features to the product<\/h3>\n<\/div><\/div>\n\n\n\n<p>Here comes the part where you will add the previously defined\/added features to the product.<\/p>\n\n\n\n<p>In order to add the features to the product, firstly go to the edit product page. Under &#8216;Basic Settings&#8221;, you will find &#8220;<strong>Add new feature<\/strong>&#8221; button. <\/p>\n\n\n\n<p>Click on that button &amp; select the feature &amp; its corresponding value. After that, you can either select the <strong>pre-defined<\/strong> value of feature or enter the <strong>customized<\/strong> value.<\/p>\n\n\n\n<p>Now, save it &amp; go to the product page at front-end.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1093\" height=\"959\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/6-6.png\" alt=\"Add features to the product\" class=\"wp-image-267389\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/6-6.png 1093w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/6-6-300x263.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/6-6-250x219.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/6-6-768x674.png 768w\" sizes=\"(max-width: 1093px) 100vw, 1093px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Pictogram at the product page<\/h3>\n<\/div><\/div>\n\n\n\n<p>On the product page, you can now see the pictogram below social share buttons. The pictogram for every feature will display here for which picture is uploaded.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1004\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/7-4-1004x1024.png\" alt=\"Pictogram of feature on product page\" class=\"wp-image-267390\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/7-4-1004x1024.png 1004w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/7-4-294x300.png 294w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/7-4-244x249.png 244w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/7-4-768x783.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/7-4.png 1304w\" sizes=\"(max-width: 1004px) 100vw, 1004px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Enlarge on hover<\/strong><\/h3>\n\n\n\n<p>As you can see, the second pictogram is somewhat enlarged than the first one. If the admin enables this option, the pictogram is enlarged on hovering the mouse over it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1119\" height=\"634\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/8-3.png\" alt=\"Enlarged pictogram on hovering the cursor over it\" class=\"wp-image-267391\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/8-3.png 1119w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/8-3-300x170.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/8-3-250x142.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/8-3-768x435.png 768w\" sizes=\"(max-width: 1119px) 100vw, 1119px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Border width &amp; border colour<\/h3>\n\n\n\n<p>You can also customise the colour of the border &amp; set the suitable width of the border. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1159\" height=\"639\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/9-3.png\" alt=\"Customise border colour &amp; width of pictogram\" class=\"wp-image-267392\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/9-3.png 1159w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/9-3-300x165.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/9-3-250x138.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/9-3-768x423.png 768w\" sizes=\"(max-width: 1159px) 100vw, 1159px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Image Fill<\/h3>\n\n\n\n<p>We can only see the effect of this functionality by enabling &amp; disabling this option. So let&#8217;s just proceed.<\/p>\n\n\n\n<p>Firstly, I&#8217;m enabling this option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1726046446.png\" alt=\"configuration\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, as you can see that the picture is fully filled inside the circle. There is no void space around it. This means that if you enable the image fill, the image will fit suitably inside the circle. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1121\" height=\"589\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/11-4.png\" alt=\"Filled image on pictogram\" class=\"wp-image-267395\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/11-4.png 1121w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/11-4-300x158.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/11-4-250x131.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/11-4-768x404.png 768w\" sizes=\"(max-width: 1121px) 100vw, 1121px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>In the second case, let&#8217;s see by disabling the image fill option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1726046445.png\" alt=\"configuration\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>In the image below, as you can notice, the picture is not fully filled inside the circle. There is a void space above &amp; below the picture. <\/p>\n\n\n\n<p>Therefore, if you disable the image fill option then the image will not be fully filled inside the circle.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"595\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/13-2-1200x595.png\" alt=\"Picture not fully filled inside the circle\" class=\"wp-image-267396\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/13-2-1200x595.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/13-2-300x149.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/13-2-250x124.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/13-2-768x381.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/13-2.png 1290w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>This was all about the Prestashop Product Pictogram Module. I hope this document will help you in checking the functionality of the module in a better way. <\/p>\n\n\n\n<p>Also, do let us know about your views in the comments.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Support<\/h3>\n<\/div><\/div>\n\n\n\n<p>For any kind of technical assistance or query, please&nbsp;<a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\">raise a ticket<\/a>&nbsp;or send us a mail at&nbsp;<strong>support@webkul.com<\/strong><\/p>\n\n\n\n<p>Also, please explore our&nbsp;<a href=\"https:\/\/webkul.com\/prestashop-development\/\">Prestashop development services<\/a>&nbsp;and a vast range of quality&nbsp;<a href=\"https:\/\/store.webkul.com\/PrestaShop-Extensions.html\">Prestashop addons<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There is a very popular saying that a picture is worth a thousand words. In simple wording, an image can impart info so clearly that 1000 words might not. Hence, showing images instead of texts help you to convey the intended information clearly &amp; allows you to catch the customer&#8217;s attention too. Generally, even we <a href=\"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":244,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[209],"tags":[38,2998,2065,289,580],"class_list":["post-267205","post","type-post","status-publish","format-standard","hentry","category-prestashop","tag-extensions","tag-modules","tag-prestashop","tag-prestashop-module","tag-product"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Prestashop Product Pictogram | Pictorial representation of features<\/title>\n<meta name=\"description\" content=\"Prestashop Product Pictogram helps admin to represent the features of a product pictorially &amp; enhance the customer shopping experience.\" \/>\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\/prestashop-product-pictogram\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prestashop Product Pictogram | Pictorial representation of features\" \/>\n<meta property=\"og:description\" content=\"Prestashop Product Pictogram helps admin to represent the features of a product pictorially &amp; enhance the customer shopping experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/\" \/>\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=\"2020-09-11T18:47:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-02T12:13:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png\" \/>\n<meta name=\"author\" content=\"Piyush Singh\" \/>\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=\"Piyush Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/\"},\"author\":{\"name\":\"Piyush Singh\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/618dbdc16a52c2733cec1644cc079a2c\"},\"headline\":\"Prestashop Product Pictogram\",\"datePublished\":\"2020-09-11T18:47:49+00:00\",\"dateModified\":\"2025-04-02T12:13:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/\"},\"wordCount\":1100,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png\",\"keywords\":[\"extensions\",\"modules\",\"prestashop\",\"prestashop module\",\"product\"],\"articleSection\":[\"prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/\",\"url\":\"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/\",\"name\":\"Prestashop Product Pictogram | Pictorial representation of features\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png\",\"datePublished\":\"2020-09-11T18:47:49+00:00\",\"dateModified\":\"2025-04-02T12:13:59+00:00\",\"description\":\"Prestashop Product Pictogram helps admin to represent the features of a product pictorially & enhance the customer shopping experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5.png\",\"width\":1284,\"height\":357},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Prestashop Product Pictogram\"}]},{\"@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\/618dbdc16a52c2733cec1644cc079a2c\",\"name\":\"Piyush Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0ff446749df956469eb2d784208613bd59b4087979ccbd37d8b9215338818adb?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\/0ff446749df956469eb2d784208613bd59b4087979ccbd37d8b9215338818adb?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Piyush Singh\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/piyushsingh-bd058\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Prestashop Product Pictogram | Pictorial representation of features","description":"Prestashop Product Pictogram helps admin to represent the features of a product pictorially & enhance the customer shopping experience.","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\/prestashop-product-pictogram\/","og_locale":"en_US","og_type":"article","og_title":"Prestashop Product Pictogram | Pictorial representation of features","og_description":"Prestashop Product Pictogram helps admin to represent the features of a product pictorially & enhance the customer shopping experience.","og_url":"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2020-09-11T18:47:49+00:00","article_modified_time":"2025-04-02T12:13:59+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png","type":"","width":"","height":""}],"author":"Piyush Singh","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Piyush Singh","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/"},"author":{"name":"Piyush Singh","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/618dbdc16a52c2733cec1644cc079a2c"},"headline":"Prestashop Product Pictogram","datePublished":"2020-09-11T18:47:49+00:00","dateModified":"2025-04-02T12:13:59+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/"},"wordCount":1100,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png","keywords":["extensions","modules","prestashop","prestashop module","product"],"articleSection":["prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/","url":"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/","name":"Prestashop Product Pictogram | Pictorial representation of features","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png","datePublished":"2020-09-11T18:47:49+00:00","dateModified":"2025-04-02T12:13:59+00:00","description":"Prestashop Product Pictogram helps admin to represent the features of a product pictorially & enhance the customer shopping experience.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5.png","width":1284,"height":357},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/prestashop-product-pictogram\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Prestashop Product Pictogram"}]},{"@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\/618dbdc16a52c2733cec1644cc079a2c","name":"Piyush Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0ff446749df956469eb2d784208613bd59b4087979ccbd37d8b9215338818adb?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\/0ff446749df956469eb2d784208613bd59b4087979ccbd37d8b9215338818adb?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Piyush Singh"},"url":"https:\/\/webkul.com\/blog\/author\/piyushsingh-bd058\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/267205","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\/244"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=267205"}],"version-history":[{"count":43,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/267205\/revisions"}],"predecessor-version":[{"id":487470,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/267205\/revisions\/487470"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=267205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=267205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=267205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}