Question

我希望列表中没有的产品以不同的颜色显示。理想情况下，它们可以是灰色或透明的，以脱颖而出。我怎样才能做到这一点？

Answer 1

首先，如果产品不可用，那么除非您在prestashop面板中设置允许订购不可用的产品，否则它不会显示在列表中 - 但是为什么然后如果我仍然可以订购它们，那么它们看起来会有所不同？

无论如何，要实现你的目标：

在product-list.tpl行内查找单个产品的代码，以及元素product-container的类的值，在下面添加一些代码，使其如下所示：
```
<div class="product-container {if $product.quantity <= 0}product-grayed{/if}">...</div>
```

然后在你的CSS中添加：

.product-grayed img {
    opacity: 0.5; // this code for transparent image
    filter: grayscale(100%); // this code for gray image
}