Jump to content
Terramoka

display the full product name in a product box in Prestashop

Recommended Posts

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}
 

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Hi..

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

 

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites

Hi,

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More