根据所选类别更改标题背景

Question

我需要能够在不同类别的cubecart v5上更改标题背景。

因此，当选择类别1时，我需要标题背景更改为cat1.jpg，并且在选择产品时保持相同。每个类别都需要这样做。

这就是类别网址的外观

index.php?_a=category&cat_id=1

这就是产品网址的外观

index.php?_a=product&product_id=1

任何帮助都将不胜感激。

Answer 1

这就是我要做的事情，所以这可能不适合你的需求：

假设标题不是内容的一部分，则它不应该是<img>标记。我们应该使用background或<header>元素上的CSS <div id="header">属性。

因此，在您拥有标题的模板中，您确实创建了一个带有类别ID的CSS类。

<div id="header" class="cubecart-category cubecart-category-<?php print $catID; ?>">

如果这打印出cubecart-category-5，那么我们的CSS将如下所示：

.cubecart-category {
    height: 100px;
    width: 980px;
    ...
    background: none no-repeat scroll 0 0 transparent;
}
.cubecart-category-5 {
    background-image: url(cat5.jgp);
}
.cubecart-category-6 {
    background-image: url(cat6.jgp);
}

然后，您可以在类cubecart-category上放置默认图像并将其覆盖。

我知道这是一个通用的答案，但对你有什么帮助吗？让我知道。