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.
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:
to, by example:
to re-adjust the minimum height of the Box.
Good Luck!
Ernie
<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;
}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;
}Good Luck!
Ernie
My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
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
Modules for OpenCart 2.3.0.2
Homepage Module [Free - since OpenCart 0.7.7]
Multistore Extensions
Store Manager Multi-Vendor/Multi-Store management tool
If you're not living on the edge ... you're taking up too much space!
Is this a custom theme?
Norman in 't Veldt
Moderator OpenCart Forums
_________________ READ and Search BEFORE POSTING _________________
Our FREE search: Find your answer FAST!.
[How to] BTW + Verzend + betaal setup.
Just the files listed. They are the only modules that have a product description.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
Modules for OpenCart 2.3.0.2
Homepage Module [Free - since OpenCart 0.7.7]
Multistore Extensions
Store Manager Multi-Vendor/Multi-Store management tool
If you're not living on the edge ... you're taking up too much space!
Suggest you clear and refresh your modification cache.
Modules for OpenCart 2.3.0.2
Homepage Module [Free - since OpenCart 0.7.7]
Multistore Extensions
Store Manager Multi-Vendor/Multi-Store management tool
If you're not living on the edge ... you're taking up too much space!
No worries.coldrex wrote:admin > Extensions > Modifications - refreshed.
AND THIS HELPED. BRILLIANT WORK, BRO!
Yeah, the CSS can be a bit tricky.coldrex wrote:... the only thing left that those CSS styles are still ugly ...
Modules for OpenCart 2.3.0.2
Homepage Module [Free - since OpenCart 0.7.7]
Multistore Extensions
Store Manager Multi-Vendor/Multi-Store management tool
If you're not living on the edge ... you're taking up too much space!
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:to, by example: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 re-adjust the minimum height of the Box.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; }
Good Luck!
Ernie
The wierd thing is that I restored back original css settings for this, and its not like it was before ...
OK, try this in your CSS:
And:
Code: Select all
.product-thumb .caption {
height: 120px;
padding: 0 20px;
overflow: hidden;
}
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;
}
}
Modules for OpenCart 2.3.0.2
Homepage Module [Free - since OpenCart 0.7.7]
Multistore Extensions
Store Manager Multi-Vendor/Multi-Store management tool
If you're not living on the edge ... you're taking up too much space!
Change the height if you want them to be shorter. The value of 120px was only used as an example.
Modules for OpenCart 2.3.0.2
Homepage Module [Free - since OpenCart 0.7.7]
Multistore Extensions
Store Manager Multi-Vendor/Multi-Store management tool
If you're not living on the edge ... you're taking up too much space!
In the aforementioned module template files, find (around line 29):
and put a line break in front of it, eg.:
This will put the ex-tax line below the price.
How do you want the button to look?
Code: Select all
<span class="price-tax"><?php echo $text_tax; ?> <?php echo $product['tax']; ?></span>Code: Select all
<br /><span class="price-tax"><?php echo $text_tax; ?> <?php echo $product['tax']; ?></span>How do you want the button to look?
Modules for OpenCart 2.3.0.2
Homepage Module [Free - since OpenCart 0.7.7]
Multistore Extensions
Store Manager Multi-Vendor/Multi-Store management tool
If you're not living on the edge ... you're taking up too much space!
Who is online
Users browsing this forum: No registered users and 22 guests
