Variation swatches out of stock mark - by Jennifer

This topic has 3 replies, 2 voices, and was last updated 2 years, 6 months ago ago by Jennifer

  • Avatar: Jennifer
    Jennifer
    Participant
    June 8, 2022 at 03:38

    Hello,

    Is there a way of making it more notorious when a product is out of stock?
    Righ now, the variation is showend with a lighter color and crossed. But is there a way of crossing it with a darker color and to not lightent the color so much?
    swatcher

    Thank you!

    2 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 8, 2022 at 07:07

    Hello,

    Try to add the next code in Theme Options > Theme custom CSS:

    .st-swatch-preview li.sten-li-disabled span:before {
        background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), #222 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%);
    }
    .st-swatch-preview li.sten-li-disabled {
        border-color: #222 !important;
    }

    Change #222 to the desired color.

    Regards

    Avatar: Jennifer
    Jennifer
    Participant
    June 8, 2022 at 12:06

    Hello Rose,

    Thanks a lot for the help!
    As always, it works perfectly fine!

    Best regards

  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Variation swatches out of stock mark’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.