我正在尝试更改 Big Cartel 主页面上已售罄产品的不透明度，以便更轻松地找到库存商品。我正在使用 Lunch Break theme。我不需要在每个产品的单独页面上更改不透明度。
到目前为止，我的尝试是在我的“产品”html 的头部粘贴一个样式表：
<head>
<style>
{% if product_status = 'Sold out' %}
product-list-thumb {
opacity: 0.6;
transition: 0.9s;
}
product-list-thumb:hover {opacity: 1;}
{% endif %}
</style>
</head>
到目前为止，除了页面加载时的一点闪烁之外，这绝对没有任何作用。我的理论是它被图像类（“模糊产品列表图像延迟加载网格”）否决了——没有理由相信这一点，除非它听起来很复杂而且让我感到害怕。
感谢任何帮助！