Чтобы в loop grid контейнер с товаром, которого нет в наличии был с прозрачностью
.e-loop-item.outofstock{opacity: 0.6;}Чтобы в listing grid контейнер с товаром (или изображение товара), которого нет в наличии был с прозрачностью. То Вы должны выводить listing grid через query builder — WC Product query
В контейнере задать css класс динамически как на скрине:
И тогда у вас сработает css для контейнера:
.outofstock { opacity: .35;}