css - 根据 OpenCart 中的路线将 CSS 样式表添加到页面

Question

我正在为客户端商店使用 opencart（版本 1.5.1.3.1），并且想知道编写它的最佳方法是什么，以便我可以为某些路线添加某些样式表。

例如，在我的类别页面上，我希望使用与默认样式不同的样式表，或者使用我的自定义表单覆盖默认样式的样式表。显然，我已经将它用于不止一条路线，并且希望尽可能少地进行编辑，以便在我需要在任何阶段升级时减少框架中的编辑量（并且使用众所周知的 opencart随机更改和错误修复版本，这很可能）

Answer 1

打开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/名为的文件夹中创建一个文件product_category.css并将您的样式放入其中。样式表会根据您的路线名称起作用，除非您将正斜杠替换为下划线后跟.css，即common/home变为common_home.css

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