Return to previous page

Out of stock variation swatches color - by Marta

This topic has 5 replies, 2 voices, and was last updated 1 years, 9 months ago ago by Marta

Marta

Participant

March 20, 2023 at 11:03

Hi once again,

1) when variation color is out of stock, in the shop page appears without crossline (I want to show it)

2) and in the product page appears with crossline but with a light color (it seems to be another color). I want to show the same color

Thanks

#350572 Copied Theme version: 9.0.5

4 Answers

Rose Tyler

Support staff

March 20, 2023 at 14:33

Hello, Marta,

Thank you for getting in touch with us.

1/ Please provide URL.

2/ Theme Options > WooCommerce > Shop elements > Variation Swatches > Choose swatch out of stock design.

Kind Regards,
8theme team

#350595 Copied

Marta

Participant

March 20, 2023 at 19:59

I think I made myself not clear,
the color when the product is out of stock is not the same:
I have the color “red” and when the red is out of stock, the swatch turn to light red similar to pink
https://nuevo.tarifasoul.com/tienda/ropa/vestidos-y-kaftanes/vestido-malena-celeste-2/
Thanks

#350640 Copied
Rose Tyler

Support staff

March 21, 2023 at 15:43
Hello, Marta,

I think your two questions could be solved by adding the next custom CSS few-lines code:
```
body .st-item-meta .st-swatch-preview.type-color.sten-li-disabled:before, body ul.st-swatch-preview li.type-color.sten-li-disabled:before {
background-color: transparent;
}
```
If the issue has been resolved, we would appreciate it if you could provide us with feedback so that we can be sure that everything is satisfactory for you.

Kind Regards,
8theme team
#350705 Copied
Marta

Participant

March 21, 2023 at 16:14

Hi, the issue has been solved adding that code
Thnaks

#350715 Copied
Tagged: color, out of stock, template, variation swatches, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)