How to show description of products (in grid mode) in category and homefutured?

[x3n0m0rph]

Hi,

 

For SEO purposes, I woud like my shop to show the short description of products on category page, when in gride view.

 

How can I do that without messing up my theme?

 

Please help!

 

 

[x3n0m0rph]

help...?

[x3n0m0rph]

no help here?

[vekia]

what prestashop version and theme you use?

everything depends on this

[x3n0m0rph]

Sorry - 1.6.0.9, default theme

[vekia]

in /themes/default-bootstrap/product-list.tpl there is a code like:

					<h5 itemprop="name">
						{if isset($product.pack_quantity) && $product.pack_quantity}{$product.pack_quantity|intval|cat:' x '}{/if}
						<a class="product-name" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url" >
							{$product.name|truncate:45:'...'|escape:'html':'UTF-8'}
						</a>
					</h5>

change it to:

					<h5 itemprop="name">
						{if isset($product.pack_quantity) && $product.pack_quantity}{$product.pack_quantity|intval|cat:' x '}{/if}
						<a class="product-name" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url" >
							{$product.name|truncate:45:'...'|escape:'html':'UTF-8'}
                            {$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}
						</a>
					</h5>

[x3n0m0rph]

This works! Thank you man!!! 

[plutten22]

Hi.

 

This works fine thanks.

 

How can can i make the product name bold and how can i make the the discription smaler.

 

I attache a picture showing what i mean.

 

I use PS 1.6.1.10

 

Regards

 

Plutten22

Edited January 13, 2017 by plutten22 (see edit history)

[vekia]

Hi.

 

This works fine thanks.

 

How can can i make the product name bold and how can i make the the discription smaler.

 

I attache a picture showing what i mean.

 

I use PS 1.6.1.10

 

Regards

 

Plutten22

 

 

product name

in file http://www.cykelstaden.se/cykelstaden2013/themes/default-bootstrap/css/product_list.css

change code:

ul.product_list .product-name 
{
  display: inline-block;
  width: 100%;
  overflow: hidden; 
} 

to:

ul.product_list .product-name 
{
  display: inline-block;
  width: 100%;  
  overflow: hidden; 
  font-weight:bold;
}

(i added font-weight:bold;)

 

 

the case of description is a little complicated, because somehow - you put it to product_name element

in this case its necessary to remove it from product_name element,

 

then it will be possible to make it work properly then

[plutten22]

Hi Vekia.

 

I did what you said but it dos not work. Now all text is bold.

 

Attached picture

[plutten22]

Hi Vekia.

 

I solved the problem.

I put the  {$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}  under the   </a>

You can see below.

 

Thank you Vekia. You are the best !!!!

                                            <h5 itemprop="name">						{if isset($product.pack_quantity) && $product.pack_quantity}{$product.pack_quantity|intval|cat:' x '}{/if}						<a class="product-name" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url" >							{$product.name|truncate:45:'...'|escape:'html':'UTF-8'}						</a>                                         {$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}					</h5>