Return to previous page

Variation swatches out of stock mark - by Jennifer

This topic has 3 replies, 2 voices, and was last updated 2 years, 8 months ago ago by 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?

Thank you!

#325333 Copied Theme version: 8.1.6 WooCommerce version: 6.5.1

2 Answers
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
#325345 Copied
Jennifer

Participant

June 8, 2022 at 12:06

Hello Rose,

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

Best regards

#325388 Copied
Tagged: json array, out of stock mark, persuasive writing, seo friendly, variation swatches, wordpress woocommerce
Viewing 3 results - 1 through 3 (of 3 total)