Hello, I would like to display all my categories with sub-categories in a different font size, smaller than the main category font size.
Is this possible? Do tell.
edit the stylesheet.css file
add this to the bottom:
change 8 to whatever you want
add this to the bottom:
Code: Select all
#category.middle a{
font-size: 8pt;
}
the idea is to clearly distinguish between categories and sub-categories in a single glance, using font sizes. if you look at the category.tpl file in /module then you see that the class 'middle' applies to *ALL* things listed in the categories - this is not what I mean!
My signifier of "#category" means that it will only apply to the category box. You will likely need to do Ctrl+F5 to refresh the browser cache
If you want different colors you can do
If you want different colors you can do
Code: Select all
#category.middle a{
color: red;
}i'm afraid i havent been clear enough:
in the category module, that lists all the categories and sub-categories, i would like to display the sub-categories in a different font than the parent categories. e.g:
Fruit
> Apples
> Bananas
Flowers
> Daisies
> Geraniums
Here I would like 'Apples' 'Bananas' 'Daisies' and 'Geraiums' in one font, say 8 px, and 'Fruit' and 'Flowers' in a larger font, say 12 px.
Qphoria, your suggestions result in a uniform font size being applied to both parent and child categories - so not really useful to my problem.
How do i do this?
in the category module, that lists all the categories and sub-categories, i would like to display the sub-categories in a different font than the parent categories. e.g:
Fruit
> Apples
> Bananas
Flowers
> Daisies
> Geraniums
Here I would like 'Apples' 'Bananas' 'Daisies' and 'Geraiums' in one font, say 8 px, and 'Fruit' and 'Flowers' in a larger font, say 12 px.
Qphoria, your suggestions result in a uniform font size being applied to both parent and child categories - so not really useful to my problem.
How do i do this?
In "catalog/controller/module/category.php", in the getCategories() function (lines 54 to 58), you'll find the following:-
Just apply a bit of "style" to the anchor tag on lines 55 and 57, eg.
(for a smaller red link).
Code: Select all
if ($this->category_id == $result['category_id']) {
$output .= '<a href="' . $this->model_tool_seo_url->rewrite($this->url->http('product/category&path=' . $new_path)) . '"><b>' . $result['name'] . '</b></a>';
} else {
$output .= '<a href="' . $this->model_tool_seo_url->rewrite($this->url->http('product/category&path=' . $new_path)) . '">' . $result['name'] . '</a>';
}Code: Select all
<a style="font-size: smaller; color: #FF0000;">
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!
Follow up. The above code will apply to ALL categories, not just subcategories. A better way would probably be to insert the following:-
before line 54. Then in the anchor tag, use:
This would then be applied to subcategories only.
Code: Select all
if ($parent_id > 0) {
$style = 'style="font-size: smaller; color: #FF0000;"';
}Code: Select all
<a <?php if (isset($style)) { echo $style; } ?> href=
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!
Could this be done with css by using:-
.box .middle ul li li
And applyIng the desired style.
(haven't tested)
.box .middle ul li li
And applyIng the desired style.
(haven't tested)
www.opencartstore.com
Get OpenCart Templates and OpenCart Modules.
I hadn't thought about that. But it probably would work.
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!
Thanks Q, but it is actually wrong. Normally, it would be OK but, in this instance, it's not. The reason being, that it is actually called from inside a PHP variable declaration. The full line should read-Qphoria wrote:Looks ok to me.
Code: Select all
$output .= '<a ' . if (isset($style)) { echo $style; } . ' href="' . $this->model_tool_seo_url->rewrite($this->url->http('product/category&path=' . $new_path)) . '">' . $result['name'] . '</a>';
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!
Try ((isset($style)) ? $style : '') instead of if (isset($style)) { echo $style; }
Request Reviews v1.0 released.
gentlemen: this works. dbstr's solution works.
however: how do i apply this to sub-sub categories ad infinitum?
right now this applies a style to only categories one level deeper than the main categories.
but i have say, 4 levels of nested categories - how do i style them all?
however: how do i apply this to sub-sub categories ad infinitum?
right now this applies a style to only categories one level deeper than the main categories.
but i have say, 4 levels of nested categories - how do i style them all?
right now, if i click on a parent category, the parent category is bold,
and if i click on a sub category, the sub category is bold but not the parent
how do i style it so that if i click a subcategory, BOTH sub and parent category are bold?
and if i click on a sub category, the sub category is bold but not the parent
how do i style it so that if i click a subcategory, BOTH sub and parent category are bold?
Who is online
Users browsing this forum: No registered users and 15 guests
