Page 1 of 2
Remove description from product preview thumb
Posted: Thu Jun 09, 2016 11:46 pm
by coldrex
Hello,
how do I remove a description from product preview thumbnail?
A pic.
Remove it and lift the space up. Shortened height of product thumb, in other words.

Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 8:26 am
by IP_CAM
just remove:
<p><?php echo $product['description']; ?></p>
whereever you don't want to see the description, like in the
category.tpl - special.tpl - manufacturer.tpl - search.tpl - bestseller.tpl - featured.tpl - latest.tpl files
and change those two values in the
stylesheet.css file,
from:
Code: Select all
.product-thumb .caption {
padding: 0 20px;
min-height: 180px;
}
.....
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
min-height: 210px;
padding: 0 10px;
}
to, by example:
Code: Select all
.product-thumb .caption {
padding: 0 20px;
min-height: 120px;
}
-----
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
min-height: 120px;
padding: 0 10px;
}
to re-adjust the minimum height of the Box.
Good Luck!
Ernie
Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 12:08 pm
by coldrex
Went to:
/catalog/view/theme/default/template/product/
Deleted the line in:
product.tpl, category.tpl, special. tpl.
Nothing.
As well as CSS did not worked too.

Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 12:25 pm
by coldrex
Looks even worse":

Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 12:28 pm
by fido-x
Look in the modules folder in your theme's template directory (catalog/view/theme/default/template/module/). The files you should be looking for are:
- bestseller.tpl
featured.tpl
latest.tpl
special.tpl
Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 2:46 pm
by coldrex
From that folder, in category.tpl even wasnt such string.
Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 3:09 pm
by i2Paq
Is this a custom theme?
Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 3:16 pm
by coldrex
Default 2.2
Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 3:18 pm
by fido-x
fido-x wrote:Look in the modules folder in your theme's template directory (catalog/view/theme/default/template/module/). The files you should be looking for are:
- bestseller.tpl
featured.tpl
latest.tpl
special.tpl
Just the files listed. They are the only modules that have a product description.
Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 3:24 pm
by coldrex
I have done exactly as You said.
Nothing.
Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 3:26 pm
by fido-x
Suggest you clear and refresh your modification cache.
Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 3:37 pm
by coldrex
admin > Extensions > Modifications - refreshed.
AND THIS HELPED. BRILLIANT WORK, BRO!
... the only thing left that those CSS styles are still ugly ...

Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 3:41 pm
by fido-x
coldrex wrote:admin > Extensions > Modifications - refreshed.
AND THIS HELPED. BRILLIANT WORK, BRO!
No worries.
coldrex wrote:... the only thing left that those CSS styles are still ugly ...

Yeah, the CSS can be a bit tricky.
Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 3:49 pm
by coldrex
IP_CAM wrote:just remove:
<p><?php echo $product['description']; ?></p>
whereever you don't want to see the description, like in the
category.tpl - special.tpl - manufacturer.tpl - search.tpl - bestseller.tpl - featured.tpl - latest.tpl files
and change those two values in the
stylesheet.css file,
from:
Code: Select all
.product-thumb .caption {
padding: 0 20px;
min-height: 180px;
}
.....
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
min-height: 210px;
padding: 0 10px;
}
to, by example:
Code: Select all
.product-thumb .caption {
padding: 0 20px;
min-height: 120px;
}
-----
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
min-height: 120px;
padding: 0 10px;
}
to re-adjust the minimum height of the Box.
Good Luck!
Ernie
The wierd thing is that I restored back original css settings for this, and its not like it was before ...

Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 4:00 pm
by fido-x
OK, try this in your CSS:
Code: Select all
.product-thumb .caption {
height: 120px;
padding: 0 20px;
overflow: hidden;
}
And:
Code: Select all
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
height: 120px;
padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
min-height: 0;
margin-left: 0;
padding: 0 10px;
}
.product-grid .product-thumb .caption {
min-height: 0;
}
}
Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 4:13 pm
by coldrex
Nope.
Looks like this (after and before image):

Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 4:19 pm
by fido-x
Change the height if you want them to be shorter. The value of 120px was only used as an example.
Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 4:28 pm
by coldrex
I understand this.
I dont understand how to change the CSS of the buttom itself and make the "ex-tax" line be under the price.
Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 4:41 pm
by fido-x
In the aforementioned module template files, find (around line 29):
Code: Select all
<span class="price-tax"><?php echo $text_tax; ?> <?php echo $product['tax']; ?></span>
and put a line break in front of it, eg.:
Code: Select all
<br /><span class="price-tax"><?php echo $text_tax; ?> <?php echo $product['tax']; ?></span>
This will put the ex-tax line below the price.
How do you want the button to look?
Re: Remove description from product preview thumb
Posted: Fri Jun 10, 2016 7:05 pm
by coldrex
Like this:
<span class="price-tax"><?php echo $text_tax; ?><br /><?php echo $product['tax']; ?></span>
Nothing.