Oh last thing.
Before this changes. I had my Related Products only show the in stock products. Excluded are the old and out of stock products. Right now it’s mixed again.. Looking for a good solution but i can’t find a good one. I remembers the CSS was there for this..
I know this code was added before to fix this. But now this code doesn’t work properly on the settings anymore..
/* Related products */
.related-products {
--columns: 6;
display: grid;
grid-template-columns: repeat(var(--columns),1fr);
}
@media only screen and (min-width: 481px) and (max-width: 992px) {
.related-products {
--columns: 3;
}
}
@media only screen and (max-width: 480px) {
.related-products {
--columns: 1;
}
}
.related-products div.product {
width: 100% !important;
}
.related-products:before,
.related-products:after,
.related-products .outofstock,
.related-products .instock ~ .instock ~ .instock ~ .instock ~ .instock ~ .instock ~ .product {
display: none;
}
.related-products div.product {
clear: none !important;
}Can you help me on this?
