I would like to have different background color in each category. How can I make that please?
I use opencart 2.3.0.2
Hello
I would like to have different background color in each category. How can I make that please?
I use opencart 2.3.0.2
I would like to have different background color in each category. How can I make that please?
I use opencart 2.3.0.2
Dynamic Styling can do this. You set up the styling you want for a page, then apply it to a Layout for the category page, and assign that category the layout (in its Design tab).
Feel free to take a look at the screenshots and demo site, and if you're interested let me know at www.getclearthinking.com/contact if you have any further questions.
Feel free to take a look at the screenshots and demo site, and if you're interested let me know at www.getclearthinking.com/contact if you have any further questions.
Thank you a lot for your answer, I was looking or a non-commercial solution.
Maybe making it from back-end with a custom solution, maybe at header.tpl file .
Maybe making it from back-end with a custom solution, maybe at header.tpl file .
Hello
I would like to have different background color in each category. How can I make that please?
I use opencart 2.3.0.2
I tried to use in header.tpl
But it seems not to work. What am I doing wrong?
I would like to have different background color in each category. How can I make that please?
I use opencart 2.3.0.2
I tried to use in header.tpl
Code: Select all
<?php if (!isset($this->request->get['path']) || $this->request->get['path'] == '25_29') { ?>
<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet">
<?php }
elseif (!isset($this->request->get['route']) || $this->request->get['route'] == 'information/contact') { ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet2.css" />
<?php }
else { ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet3.css" />
<?php }
?>
Opencart's catalog/controller/common/header.php determines route, path, information_id or product_id and creates $class variable:
Take a look at the source of your website and copy class set to <body>, for example:
Then add css to stylesheet:
Code: Select all
$data['class'] = str_replace('/', '-', $this->request->get['route']) . $class;Code: Select all
<body class="product-category-18_45">Code: Select all
.product-category-18_45 {
background: #ff0000;
}Thank you a lot pprmkr!
That works perfectly and is a great way to achieve it!
There is no need to create whole stylesheet file but just some classes for the categories.
Great, thank you!
That works perfectly and is a great way to achieve it!
There is no need to create whole stylesheet file but just some classes for the categories.
Great, thank you!
In the simple installation of opencart locally in my computer I achieved it.
In my real website I use journal2 theme.
There, the body class in my category page is empty :
Any ideas how to develop it there?
p.s. I get at the top (where is the only spot that category path is shown) but if I try as before it does not work:
In my real website I use journal2 theme.
There, the body class in my category page is empty :
Code: Select all
<body class="">p.s. I get at the top (where is the only spot that category path is shown) but if I try as before it does not work:
Code: Select all
<html
dir="ltr" lang="el" class="firefox firefox53 win journal-desktop is-admin is-guest skin-5 responsive-layout infinite-scroll center-header mega-header catalog-currency catalog-cart lang-flag lang-flag-mobile currency-symbol currency-symbol-mobile no-top-on-mobile collapse-footer-columns filter-columns-mobile mobile-menu-on-tablet extended-layout header-center header-sticky sticky-menu backface product-grid-second-image product-list-second-image category-page category-page-888 layout-3 route-product-category oc2 oc23 one-column no-currency" data-j2v="2.9.8">
Finally I used :
But I had to edit a different file and put the code there. The file is in catalog\view\theme\journal2\css\journal.css
I hope someone finds that useful !!
Code: Select all
.category-page-888 .category-info {
background-color: #91363D !important;
} I hope someone finds that useful !!
Well, there would have been a nice free Background Image Mod too, after all... 
and it functions just swell, just to mention it too!
Background Image Change(VQMOD) free, OC v.1.5.x - 2.3.0.2:
https://www.opencart.com/index.php?rout ... n_id=16044
and it functions just swell, just to mention it too!
Background Image Change(VQMOD) free, OC v.1.5.x - 2.3.0.2:
https://www.opencart.com/index.php?rout ... n_id=16044
My Github OC Site: https://github.com/IP-CAM
5'600 + 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 2 guests
