{"id":29381,"date":"2013-06-10T11:43:22","date_gmt":"2013-06-10T15:43:22","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=29381"},"modified":"2017-02-22T03:32:18","modified_gmt":"2017-02-22T08:32:18","slug":"prestashop-how-to-change-amount-of-symbols-in-different-sections","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/prestashop-how-to-change-amount-of-symbols-in-different-sections.html","title":{"rendered":"PrestaShop 1.5.x. How to change amount of symbols in different sections"},"content":{"rendered":"<p><\/p>\r\n<p>This tutorial will show you how to change amount of symbols displayed in different template sections.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=O9jlwPOrAVM?width=1280&amp;height=720\" rel=\"prettyPhoto\">PrestaShop. How to change amount of symbols in different sections<\/a><\/p>\r\n<p>1. We can see that sub category names are cut off on the screenshot below.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-1-300x147.png\" alt=\"\" title=\"PS. How to change amount of symbols in different sections-1\" width=\"300\" height=\"147\" class=\"alignnone size-medium wp-image-29382\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-1-300x147.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-1-150x73.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-1.png 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>2. You need to locate appropriate code using <a href=\"\/help\/firebug-mozilla-firefox-plugin.html\" target=\"_blank\">Firebug <\/a>developer plugin for FireFox or using browser developer tools.<\/p>\r\n<p>2.1. Look for appropriate class or ID using firebug. In our case id=&quot;<strong>subcategories<\/strong>&quot; should be modified.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-5-300x168.png\" alt=\"\" title=\"PS. How to change amount of symbols in different sections-5\" width=\"300\" height=\"168\" class=\"alignnone size-medium wp-image-29383\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-5-300x168.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-5-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-5.png 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>2.2. Open Notepad++ software (or any code\/text editor) and search class name in all template files. You may use any other alternative software that has the same function. Press <strong>CTRL+F<\/strong> in order to open search dialog and open Find in Files tab. There you need to specify class name and folder in which your template files are located. Please check the screenshot below. Press Find All button in order to perform search operation.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-6-300x162.png\" alt=\"\" title=\"PS. How to change amount of symbols in different sections-6\" width=\"300\" height=\"162\" class=\"alignnone size-medium wp-image-29384\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-6-300x162.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-6-150x81.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-6.png 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>2.3. After that you will see file names in which class you were looking for was specified. Open this file. You will see class and code that looks like highlighted on the screenshot.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-7.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-7-300x124.png\" alt=\"\" title=\"PS. How to change amount of symbols in different sections-7\" width=\"300\" height=\"124\" class=\"alignnone size-medium wp-image-29385\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-7-300x124.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-7-150x62.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-7.png 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>3.You need to modify number of symbols in the following code:<\/p>\r\n<pre class=\"brush:php\">&lt;span&gt;{$subcategory.name|escape:'htmlall':'UTF-8'|truncate:15:'...'}&lt;\/span&gt;<\/pre>\r\n<p>4. We can see that 15 symbols will appear. Set desired value. For example change it to 45. Code will look like:<\/p>\r\n<pre class=\"brush:php\">&lt;span&gt;{$subcategory.name|escape:'htmlall':'UTF-8'|truncate:45:'...'}&lt;\/span&gt;<\/pre>\r\n<p>5. Save changes, upload modified file and clear <a href=\"\/help\/prestashop-how-to-clear-smarty-cache.html\" target=\"_blank\">PrestaShop cache<\/a>.<\/p>\r\n<p>6. Refresh your site. We can see that full subcategory name appear. Please perform the same actions for other sections using the same method.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-4-300x127.png\" alt=\"\" title=\"PS. How to change amount of symbols in different sections-4\" width=\"300\" height=\"127\" class=\"alignnone size-medium wp-image-29386\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-4-300x127.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-4-150x63.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/06\/PS.-How-to-change-ammount-of-symbols-in-different-sections-4.png 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=O9jlwPOrAVM?width=1280&amp;height=720\" rel=\"prettyPhoto\">PrestaShop. How to change amount of symbols in different sections<\/a><\/p>\r\n<p><\/p>\r\n<p><\/p>\r\n<p><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to change amount of symbols displayed in different template sections.<\/p>\n","protected":false},"author":39,"featured_media":29389,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[732],"tags":[2564,1183,893,552,1518,518,1519],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/29381"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=29381"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/29381\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/29389"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=29381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=29381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=29381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}