Hello, currently running OC v.2.3.0.2 and would like to make following changes.
1. How to make category list-view product thumbnail images smaller than grid-view image thumbnails?
If I change size in Extensions-Theme-.. The list-view and grid-view thumbnail images are same size. No option to change each size separately.
The list-view image can be as small as (Compare Image Size or Wish List Image Size). So maybe easier to set the list-view image same as compare image size or wish list image size)?
2. How can I make all these items in one row in category list-view?
Thumbnail image, product name, product price, add-to-basket button all in one row? (And remove small description).
Attached category.tpl from catalog/view/theme/template_name/template/product
Thanks in advance!
Well, that nico_get_config content leads to here:
https://themeforest.net/item/boxed-open ... nts?page=3
and more cannot be found in this File, adding to any knowledge, to be able to assist.
It should be done in the corresponding Stylesheet anyway, and not in the category.tpl
file, but only one could know, familiar with this theme, and those prople usually don't
come here to assist others, to make 'em feel good.
And you could (legally) not even share
a paid Theme with someone else, to possibly find out, either...
But if you cannot get a hold of the Seller anymore, you have to get someone else, willing
to assist for a few bucks, after you paid 50 Bucks for something, wich carries such a Tag:
Good Luck 
Ernie
https://themeforest.net/item/boxed-open ... nts?page=3
and more cannot be found in this File, adding to any knowledge, to be able to assist.
It should be done in the corresponding Stylesheet anyway, and not in the category.tpl
file, but only one could know, familiar with this theme, and those prople usually don't
come here to assist others, to make 'em feel good.
And you could (legally) not even sharea paid Theme with someone else, to possibly find out, either...
But if you cannot get a hold of the Seller anymore, you have to get someone else, willing
to assist for a few bucks, after you paid 50 Bucks for something, wich carries such a Tag:
Code: Select all
nicole_89 does not currently provide support for this item. 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.
Well, I don't do personal support, but you could find out by looking
into your stylesheet.css file, and possibly find different layout settings
for product-list and product-grid Sections.
Then, you could add some min- or max- height/width
or then a 'fixed' height/width image size Values to the individual
Sections in the right places
, to find out, if it works. Still the responsive Function
might might still resize the images to a smaller Value, if no min-value has been set,
but not to a larger one, and only, if a screen resolution gets smaller.
That's all I can do for you, and the time invested only depends on, how complicated
the Theme Coder worked... And depending on how it's been coded, it might not be
possible either, without a fundamantal rewrite of the sections involved.
Good Luck, and make a backup copy of the stylesheet first!
But don't worry, you cannot ruin anything. And make sure, to always first
RESET your entire Cache Systems, as well as the browser Cache, before
testing for results.
Cache Remove For OpenCart 2.x
https://www.opencart.com/index.php?rout ... n_id=28865
---
Ernie
---
Sample of such a Stylesheet section:
into your stylesheet.css file, and possibly find different layout settings
for product-list and product-grid Sections.
Then, you could add some min- or max- height/width
or then a 'fixed' height/width image size Values to the individual
Sections in the right places
, to find out, if it works. Still the responsive Function might might still resize the images to a smaller Value, if no min-value has been set,
but not to a larger one, and only, if a screen resolution gets smaller.
That's all I can do for you, and the time invested only depends on, how complicated
the Theme Coder worked...
And depending on how it's been coded, it might not bepossible either, without a fundamantal rewrite of the sections involved.
Good Luck, and make a backup copy of the stylesheet first!
But don't worry, you cannot ruin anything. And make sure, to always first
RESET your entire Cache Systems, as well as the browser Cache, before
testing for results.
Cache Remove For OpenCart 2.x
https://www.opencart.com/index.php?rout ... n_id=28865
---
Ernie
---
Sample of such a Stylesheet section:
Code: Select all
/* product list */
.product-thumb {
border: 1px solid #ddd;
margin-bottom: 20px;
overflow: auto;
}
.product-thumb .image {
text-align: center;
margin: 10px;
}
.product-thumb .image a:hover {
opacity: 0.8;
}
.product-thumb .image img {
margin-left: auto;
margin-right: auto;
}
.product-grid .product-thumb .image {
float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
float: left;
padding: 0 15px;
}
}
.product-thumb h4 {
font-weight: bold;
}
.product-thumb .caption {
padding: 0 20px;
min-height: 60px;
}
.product-list .product-thumb .caption {
margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
min-height: 210px;
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;
}
}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.
Who is online
Users browsing this forum: No registered users and 275 guests
