Edit History

22 hours ago, endriu107 said:

You have text-overflow: ellipsis; thats why there is 3 dots.

Hi Endriu, thank you very much for the answer. I don't have the text-overflow settings at all, neither in product.tpl nor in the product-listgrid.tpl.. where can i find it?

Thanks a lot for answering

This is the code for product.tpl:

{block name='product_miniature_item'}
<div 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">
    {block name='product_thumbnail'}
      <a href="{$product.url}" class="thumbnail product-thumbnail">
        <img
          src = "{$product.cover.bySize.home_default.url}"
            alt = "{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name}{/if}"
          data-full-size-image-url = "{$product.cover.large.url}"
        >
		{hook h="displayCzHoverImage" id_product=$product.id_product home='home_default' large='large_default'}
      </a>
    {/block}
	
	{block name='product_flags'}
	  <ul class="product-flags">
		{foreach from=$product.flags item=flag}
		  <li class="{$flag.type}">{$flag.label}</li>
		{/foreach}
	  </ul>
	{/block}
	
	<div class="outer-functional">
	<div class="functional-buttons">
		{hook h='displaystWishlistButton' product=$product}
		{hook h='displaystCompareButton' product=$product}
		{block name='quick_view'}
			<a href="#" class="quick-view" data-link-action="quickview">
				<i class="material-icons search">&#xE417;</i> {l s='Quick view' d='Shop.Theme.Actions'}
			</a>
		{/block}
		 {block name='product_buy'}
			{if !$configuration.is_catalog}
				<div class="product-actions">
					  <form action="{$urls.pages.cart}" method="post" class="add-to-cart-or-refresh">
						<input type="hidden" name="token" value="{$static_token}">
						<input type="hidden" name="id_product" value="{$product.id}" class="product_page_product_id">
						<input type="hidden" name="id_customization" value="0" class="product_customization_id">
						<button class="btn btn-primary add-to-cart" data-button-action="add-to-cart" type="submit" {if !$product.add_to_cart_url}disabled{/if}>
							{l s='Add to cart' d='Shop.Theme.Actions'}
						</button>
					</form>
				</div>
			{/if}
		 {/block}
	</div>
	</div>	

 </div>

    <div class="product-description">

    {block name='product_reviews'}
		{hook h='displayProductListReviews' product=$product}
 	{/block}

      {block name='product_name'}
        <span class="h3 product-title" itemprop="name"><a href="{$product.url}">{$product.name}</a></span>
      {/block}

      {block name='product_price_and_shipping'}
          {if $product.show_price}
            <div class="product-price-and-shipping">
              {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="before_price"}

              <span class="sr-only">{l s='Price' d='Shop.Theme.Catalog'}</span>
              <span itemprop="price" class="price">{$product.price}</span>

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

              {hook h='displayProductPriceBlock' product=$product type='weight'}
            </div>
          {/if}
        {/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>
	</div>
</div>
{/block}