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.

Image

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":

Image

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 ... :drunk:

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 ... :drunk:
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):

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.