如何在 Opencart 2.3.0.2 中为某个类别的产品设置样式

Question

我想在opencart 2.3.0.2中给某个品类的产品添加独特的风格

Answer 1

在 Opencart 2.x 中，body 对每个不同的页面都有不同的 classes，例如在一个类别中它是这样的：<body class="product-category-59"> 对于另一个类别：<body class="product-category-70">

您可以将这些 class 用于您的样式，例如：

.product-category-59 a {
    color: red;
}
.product-category-70 a {
    color: green;
}

Answer 2

如果你想更改特定类别的样式，包括 HTML 那么首先

打开

catalog/controller/extension/module/category.php

在文件末尾你会发现行：

return $this->load->view('extension/module/category', $data);

您可以在此处为特定类别 ID 添加 if else 条件，例如：

if ($data['category_id'] == 25){
            return $this->load->view('extension/module/categorycustom', $data);
} else {
            return $this->load->view('extension/module/category', $data);
}

在以下位置添加新文件：

catalog/view/theme/default/template/extension/module/categorycustom.tpl

并从

复制内容

catalog/view/theme/default/template/extension/module/category.tpl

这将更改左侧过滤器数据的内容。

如果要更改右侧的主要内容，请打开：

catalog/controller/product/category.php

找到 377 附近的直线

$this->response->setOutput($this->load->view('product/category', $data));

在此处添加您的 if else 条件以更改页面的主要内容。喜欢：

if ($category_info['category_id'] == 28){
        $this->response->setOutput($this->load->view('product/categorynew', $data));
} else {
        $this->response->setOutput($this->load->view('product/category', $data));
}

现在在以下位置添加新文件：

catalog/view/theme/default/template/product/categorynew.tpl

复制内容自：

catalog/view/theme/default/template/product/category.tpl

这样您就可以完全改变特定类别页面的布局。

如何在 Opencart 2.3.0.2 中为某个类别的产品设置样式

How to style products of a certain category in Opencart 2.3.0.2

css

php

opencart

opencart2.x

opencart2.3