Jump to content

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


Nagrad

Recommended Posts

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,

180123.2.JPG

180123.1.JPG

Link to comment
Share on other sites

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

 

 

ScreenShot00082.jpg

ScreenShot00083.jpg

Edited by tantan199 (see edit history)
  • Like 2
  • Thanks 1
Link to comment
Share on other sites

  • 1 year later...
  • 2 years later...
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.

Link to comment
Share on other sites

  • 4 weeks later...
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

 

 

ScreenShot00082.jpg

ScreenShot00083.jpg

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 by Brengulis (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...