Edit History

On 1/27/2018 at 10:02 AM, tantan199 said:

Hi,

 

You are running on the default classic theme, so you I can't find a perfect way for you to display full short descriptions. You can try the solution below to show 3 lines of short descriptions, like the attached 83.jpg.

1. Put this code to the file as attached picture 82.jpg.

<div class="pro_desc_short">{$product.description_short nofilter}</div>

2. Put this custom css code to the /themes/classic/assets/css/custom.css file. You can find a free module to add custom css codes without editing files.

#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description{height: 140px;}
#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container{height: 388px;}
#products .thumbnail-container:focus .highlighted-informations, #products .thumbnail-container:hover .highlighted-informations, .featured-products .thumbnail-container:focus .highlighted-informations, .featured-products .thumbnail-container:hover .highlighted-informations, .product-accessories .thumbnail-container:focus .highlighted-informations, .product-accessories .thumbnail-container:hover .highlighted-informations, .product-miniature .thumbnail-container:focus .highlighted-informations, .product-miniature .thumbnail-container:hover .highlighted-informations{bottom:160px;}
.pro_desc_short{padding: 0 6px 6px;height: 62px;overflow: hidden;}

 

Regards,

Jonny

 

 

Hello. I followed this guide and put the div exactly where you showed, but nothing changes. Ive cleared chace on site and browser. Could this be cause im using different theme?