在OpenCart中根据路由将CSS样式表添加到页面

时间:2011-11-27 13:40:00

标签: css opencart stylesheet

我正在使用opencart(版本1.5.1.3.1)进行客户端商店,我想知道最好的编码方式是什么,所以我可以为某些路由添加某些样式表。

例如,在我的类别页面上,我希望使用与默认样式表不同的样式表,或者使用我的自定义表单覆盖默认样式的样式表。我明显地使用了多个路径,并希望尽可能少编辑,以减少框架中的编辑量,如果我需要在任何阶段升级(并且使用opencart的知名度)随机更改和错误修复发布这很有可能)

1 个答案:

答案 0 :(得分:11)

打开catalog/controller/common/header.php

在新行上的protected function index() {行后面

    $route = empty($this->request->get['route']) ? 'common/home' : $this->request->get['route'];
    $css_file = str_replace('/', '_', $route) . '.css';

    if(file_exists(DIR_TEMPLATE . $this->config->get('config_template') . '/stylesheet/' . $css_file)) {
        $this->document->addStyle('catalog/view/theme/' . $this->config->get('config_template'). '/stylesheet/' . $css_file);
    }

然后转到您当前的主题,并在名为catalog/view/your-theme/stylesheet/的{​​{1}}文件夹中创建一个文件,并将您的样式放入其中。除了将正斜杠替换为下划线后跟product_category.css,即.css变为common/home

时,样式表将使用您的路径名称

请注意,将使用覆盖方法而不是替换默认样式表