display the full product name in a product box in Prestashop

[Terramoka 0]

Hello,

please I searched a lot how to do this and I applied all the changes but nothing happened can you help me please this this the code where I deleted the truncate and I forced the compilation and I deleted the cash butnothing happened actually

this is my site https://terramoka.eu/28-capsules-compatibles-nespresso

and this is my code. thanks in advance

{**
 *  PrestaShop
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 * @author    PrestaShop SA <contact@prestashop.com>
 * @copyright  PrestaShop SA
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 * International Registered Trademark & Property of PrestaShop SA
 *}
{block name='product_miniature_item'}
<article class="product-miniature js-product-miniature" data-id-product="{$product.id_product}" data-id-product-attribute="{$product.id_product_attribute}" itemscope itemtype="http://schema.org/Product">
  <div class="thumbnail-container">
    <div class="product-image">
      {block name='product_thumbnail'}
        {if $product.cover}
          <a href="{$product.url}" class="thumbnail product-thumbnail">
            <img
              class="img-fluid"
              src = "{$product.cover.bySize.large_default.url}"
              alt = "{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name}{/if}"
              data-full-size-image-url = "{$product.cover.large.url}"
            > 
            {if isset($cfg_product_one_img) && $cfg_product_one_img}
              <span class="product-additional" data-idproduct="{$product.id_product}"></span>
            {/if}
          </a>
        {else}
          <a href="{$product.url}" class="thumbnail product-thumbnail">
                    <img
                      src = "{$urls.no_picture_image.bySize.home_default.url}"
                    >
              {if isset($cfg_product_one_img) && $cfg_product_one_img}
                <span class="product-additional" data-idproduct="{$product.id_product}"></span>
              {/if}
                </a>
        {/if}
      {/block}
      <div class="functional-buttons clearfix">
        {block name='quick_view'}
          <div class="quickview{if !$product.main_variants} no-variants{/if} hidden-sm-down">
            <a
              href="#"
              class="quick-view btn-product btn btn-primary"
              data-link-action="quickview"
              data-source=".thumb-gallery-{$product.id}-{$product.id_product_attribute}"
              title="{l s='Quick view' d='Shop.Theme.Actions'}"
            >
              <span class="leo-quickview-bt-loading cssload-speeding-wheel"></span>
              <span class="leo-quickview-bt-content">
                <i class="fa fa-eye search"></i>
              </span>
            </a>
          </div>
         {hook h='displayLeoCartButton' product=$product}
    <div class="leo-compare-wishlist-button"> 
      {hook h='displayLeoCompareButton' product=$product }
      {hook h='displayLeoWishlistButton' product=$product }
    </div>
      </div>
      {/block}
    </div>
    <div class="product-meta">
      <div class="product-description"> 
    
        {block name='product_name'}
                {if $page.page_name == 'index'}
                  <h3 class="h3 product-title" itemprop="name"><a href="{$product.url}">{$product.name}</a></h3>
                {else}
                  <h2 class="h3 product-title" itemprop="name"><a href="{$product.url}">{$product.name}</a></h2>
                {/if}
        {/block}
    {hook h='displayLeoProductListReview' product=$product}
        {block name='product_price_and_shipping'}
          {if $product.show_price}
            <div class="product-price-and-shipping {if $product.has_discount}has_discount{/if}">
              

              {hook h='displayProductPriceBlock' product=$product type="before_price"}

              <span class="sr-only">{l s='Price' d='Shop.Theme.Catalog'}</span>
        <span itemprop="price" class="price">{$product.price}</span>
                  {if $product.has_discount}
                    {hook h='displayProductPriceBlock' product=$product type="old_price"}
        <span class="sr-only">{l s='Regular price' d='Shop.Theme.Catalog'}</span>
                    <span class="regular-price">{$product.regular_price}</span>
                    {if $product.discount_type === 'percentage'}
                  <span class="discount-percentage discount-product">{$product.discount_percentage}</span>
                {elseif $product.discount_type === 'amount'}
                  <span class="discount-amount discount-product">{$product.discount_amount_to_display}</span>
                    {/if}
                  {/if}

              {hook h='displayProductPriceBlock' product=$product type='unit_price'}

              {hook h='displayProductPriceBlock' product=$product type='weight'}
            </div>
          {/if}
        {/block}
  {block name='product_reviews'}
    {hook h='displayProductListReviews' product=$product}
  {/block}
        {block name='product_description_short'}
          <div class="product-description-short" itemprop="description">{$product.description_short nofilter}</div>
        {/block}
      {block name='product_flags'}
        <ul class="product-flags">
          {foreach from=$product.flags item=flag}
            <li class="product-flag {$flag.type}">{$flag.label}</li>
          {/foreach}
        </ul>
      {/block}
      <div class="highlighted-informations{if !$product.main_variants} no-variants{/if} hidden-sm-down">
        {block name='product_variants'}
          {if $product.main_variants}
            {include file='catalog/_partials/variant-links.tpl' variants=$product.main_variants}
          {/if}
        {/block}
      </div>
      {hook h='displayLeoCartAttribute' product=$product}
      {hook h='displayLeoCartQuantity' product=$product}
    </div>
  </div>
</article>
{/block}
 

[Sinya 0]

Hi,

Go to yourtheme/templates/catalog/_partials/miniatures/product.tpl and find this code <span class="h3 product-title" itemprop="name"><a href="{$product.url}" title="{$product.name}">{$product.name|truncate:30:'...'}</a></span> and change 30 to 60. Mine was 17 and I change it to 30

Hope it helps

[Nishith 74]

Hi..

going with @Sinya solutions if you need full name then change this code

{$product.name|truncate:30:'...'} to {$product.name}

[Terramoka 0]

hello, like I already mentioned I have deleted the truncate but noting happened

[Sinya 0]

Hi,

When I inspected your code I noticed that the template product-listgrid was used. Try to change the truncate value to a higher one.

 

[Terramoka 0]

19 hours ago, Sinya said:

Hi,

When I inspected your code I noticed that the template product-listgrid was used. Try to change the truncate value to a higher one.

 

Can you tell me plz what to do exactly, I searched a lot for listgrid but I found nothing, thanks in advance

[Sinya 0]

Hi,

Should be in /themes/your theme/templates/catalog/_partials/miniatures/product-listgird.tpl