magento - 如何根据magento中的类别更改背景

Question

我的 magento 网站中有 2 个类别，即“书籍”和“电子产品”。我想根据类别更改网站的背景。这意味着当我选择“电子”类别时，它将显示与“书籍”类别不同的​​背景。

谁能告诉我该怎么做？

Answer 1

管理类别 -> 自定义布局 -> 自定义布局更新：

<reference name="head">
    <action method="addCss">
        <stylesheet>css/custom_category_1.css</stylesheet>
        <params>media="all"</params>
    </action>
</reference>

在 css 中定义自定义背景。通过添加 !important 覆盖默认样式

Answer 2

您可以使用 jquery 执行此操作

你需要去 app/design/frontend/base/default/template/catalog/category/

并编辑 view.phtml

前

<?php echo $this->getMessagesBlock()->getGroupedHtml() ?>

添加此代码

<?php
if($_category->getId()==$mycatId):
?>
<script type="text/javascript">
$('body').css("background","url($imgUrl)");
</script>
<?php endif;?>

Answer 3

每个类别都有一个“自定义设计”选项卡，您可以在其中指定某些布局。如果您只想更改背景颜色，那么创建一个类别属性来保存十六进制值可能是最简单的。

网上有几个关于如何创建自己的类别属性的教程。如果你想要一个漂亮的界面来做到这一点，有这个扩展：DeltaCats