Display product short description on product listing page with PS1.7

[Nagrad]

Hi guys,

Is there a possibility to display product short description on product listing page with default 1.7 theme ?

Thank you,

[tantan199]

Hi,

 

You can put this code {$product.description_short nofilter} to somewhere you like in the \themes\classic\templates\catalog\_partials\miniatures\product.tpl file to show short descriptions out.

 

Regards,

Jonny

[Nagrad]

Il y a 7 heures, tantan199 a dit :

Hi,

 

You can put this code {$product.description_short nofilter} to somewhere you like in the \themes\classic\templates\catalog\_partials\miniatures\product.tpl file to show short descriptions out.

 

Regards,

Jonny

 

Thank you ! It works perfectly on the category pages ! The only problem is we don’t need the short description on the front page because the products are displayed in grid, therefore the description disturb the view.

I send you picture how it looks.

Have you any solution how to exclude the description from the front page products ?

Regards,

[tantan199]

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

 

 

Edited January 27, 2018 by tantan199 (see edit history)

[Nagrad]

Tantan199,

Thank you for your help my friend ! It works perfectly.

It is smart way to solve this problem that I believe concern many shops.

Good luck !

[cvikenzi]

Hello,
if you want show short description in product list for each product, you can use this module.

Module is working for prestashop versions 1.6.X and 1.7.X
With this module you can also show features of products in catalogs and much more.

[Er_sanjay]

On 1/23/2018 at 8:43 AM, tantan199 said:

Hi,

 

You can put this code {$product.description_short nofilter} to somewhere you like in the \themes\classic\templates\catalog\_partials\miniatures\product.tpl file to show short descriptions out.

 

Regards,

Jonny

Thanks jonny this work prefect.

[Brengulis]

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 the text goes way out off bounds, miniature box doesnt strech. 

Edited February 15, 2022 by Brengulis (see edit history)