Hide out of stock variants

Store Design
8

Hello @organele

Sorry I missed out the mobile part,
Here’s the CSS code in full again fixing the mobile issue. You can remove the previous one and paste this instead

#clickyboxes-option-colour li:has(> .unavailable) {
    display: none !important;
}

.product-form .selector-wrapper.selector-wrapper--swatch.selector-wrapper--swatch-image a.active {
    box-shadow: 0 0 0 4px #888 !important;
}

.product-gallery.half.column {
    position: sticky;
    top: 15px;
}

@media only screen and (max-width: 768px) {
    .product-gallery.half.column {
        position: initial;
    }
}
1 Like