OpenCart 2.x. How to change the number of symbols in product name on the listing page

Hello! Welcome to our new tutorial on how to change the number of symbols in product name on the listing page.

1. In order to change the number of symbols navigate to catalog/view/theme/themeXXX/template/product folder on FTP and edit the category.tpl file.

2. Find the code which displays products’ titles using classes which is normally name-product. It should look like the following:

   <div class="name name-product"><a href="<?php echo $product['href']; ?>"><?php echo mb_substr($product['name'],0,10,'UTF-8').'...'; ?>/a></div>

3. In this code 10 is the number of symbols in the title. Change it to, let’s say, 20. Save changes and check the results. The title should be longer now.

Feel free to check the detailed video tutorial below:

You can also take a look at the collection of premium Opencart templates to choose the best for your online store.